0x00 前言
說實話這個標籤我一直沒怎麼注意，最近重學前端時才發現了關於這個標籤的重要性，今天就來總結一下meta標籤的作用吧。
0x01 meta標籤簡介
meta標籤表示不能由其他HTML相關元素（<script> <base> <link> <style> <title>）表示的元數據信息
若定義了name屬性，則表示該meta標籤提供的是文檔級別的元數據，應用於整個頁面；
若定義了http-equiv屬性，則表示該meta標籤是編譯指令，提供的信息與類似命名的http頭相同；
若定義了charset屬性，meta標籤是一個字符集聲明，他告訴文檔使用哪個編碼；
若定義了itemprop屬性，meta元素表示用戶自定義的元數據。
注意，itemprop屬性只有在上述三個屬性都未定義時才生效。
0x02 name屬性
①name = keywords；這個屬性告訴搜索引擎你的網頁關鍵字是什麼
<meta name="keywords" content="前端查漏補缺">
<meta name="keywords" content="B站,彈幕,字幕,AMV,MAD,MTV,ANIME,動漫,動漫音樂,遊戲,遊戲解說,ACG,galgame,動畫,番組,新番,初音,洛天依,vocaloid"> // 沒想到b站關鍵詞居然還有初音和洛天依
②name = robots；這個屬性告訴搜索機器人爬蟲此頁面是否需要被索引
<meta name="robots" content="noindex"> // 告訴爬蟲不要索引本頁面。
<meta name="robots" content="nofollow"> // 告訴爬蟲不要跟蹤本頁面上的鏈接。
<meta name="robots" content="nosnippet"> // 告訴搜索引擎不要在搜索結果中顯示說明文字。
<meta name="robots" content="noarchive"> // 告訴搜索引擎不要顯示快照。
<meta name="robots" content="noodp"> // 告訴搜索引擎不要使用開放目錄中的標題和說明。
// 去掉no就是允許
③name = description；這個屬性告訴搜索引擎你的網頁主要內容
<meta name="description" content="前端查漏補缺,meta標籤">
④name = author；這個屬性標註網頁的作者
<meta name="author" content="小檸">
⑤name = generator;這個屬性表示網頁使用什麼軟件製作
<meta name="generator" content="webStorm">
⑥name = COPYRIGHT;這個屬性表示網頁版權信息
<meta name="COPYRIGHT" content="版權信息">
⑦name = renderer;這個屬性告訴雙核瀏覽器優先使用哪個來進行渲染
<meta name="renderer" content="webkit|ie-comp|ie-stand"> // 這裏吐槽一下辣雞360瀏覽器
0x02 http-equiv屬性
①http-equiv = "expires";這個屬性規定了網頁的過期時間，到期就需要重新上服務器傳輸
<meta http-equiv="expries" content="Fri,12Jan202018:18:18GMT">
②http-equiv = "Pragma";這個屬性禁止從緩存文件中訪問頁面內容
<meta http-equiv="Pragma"content="no-cache"> // 禁止脫機瀏覽
③http-equiv = "Reflash";這個屬性規定了網頁自動刷新時間
<meta http-equiv="Refresh"content="2;URL=http://www.supproject.com"> //(注意後面的引號，分別在秒數的前面和網址的後面)
④http-equiv = "Set-Cookie"；這個屬性規定過期網頁刪除cookie
<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/">
⑤http-equiv = "content-Tpye";這個屬性規定網頁使用的編碼
<meta http-equiv="content-Type"content="text/html;charset=gb2312">
<meta http-equiv="Content-Language"content="zh-cn"/>
⑥w3c規範，指明網頁的腳本類型
<meta http-equiv="Content-Script-Type"Content="text/javascript">
0x03 viewport屬性與webapp
手機瀏覽器是把頁面放在一個虛擬的“窗口”（viewport）中，通常這個虛擬的“窗口”（viewport）比屏幕寬，這樣就不用把每個網頁擠到很小的窗口中（這樣會破壞沒有針對手機瀏覽器優化的網頁的佈局），用戶可以通過平移和縮放來看網頁的不同部分。移動版的 Safari 瀏覽器最新引進了 viewport 這個 meta tag，讓網頁開發者來控制 viewport 的大小和縮放，其他手機瀏覽器也基本支持。
由於我沒有開發過webapp，這裏引用一段網上找到的說明，以後學習了webapp開發應該會回來填這個坑吧（大概）