今天查html手冊時，又有了新的發現。也就這機會，好好總結下html中meta的使用。
標籤位於文件的頭部，不包含任何內容。標籤的屬性定義了與文件相關聯的名稱/值對。
在 html 中，標籤沒有結束標籤,在 xhtml 中，標籤必須被正確地關閉。
必要屬性屬性值
描述content
some text
定義與http-equiv或name屬性相關的元資訊
可選屬性屬性值
描述http-equiv
content-type / expire / refresh / set-cookie
把content屬性關聯到http頭部。
name
author / description / keywords / generator / revised / others
把 content 屬性關聯到乙個名稱。
content
some text
定義用於翻譯 content 屬性值的格式。
頁面描述，每個網頁都應有乙個不超過 150 個字元且能準確反映網頁內容的描述標籤
搜尋引擎索引方式，robotterms是一組使用逗號(,)分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。確保正確使用nofollow和noindex屬性值。
頁面重定向和重新整理：content內的數字代表時間（秒），既多少時間後重新整理。如果加url,則會重定向到指定網頁（搜尋引擎能夠自動檢測，也很容易被引擎視作誤導而受到懲罰）。
viewport：能優化移動瀏覽器的顯示。如果不是響應式**，不要使用initial-scale或者禁用縮放。大部分4.7-5寸裝置的viewport寬設為360px；5.5寸裝置設為400px；iphone6設為375px；ipone6 plus設為414px。很多人使用initial-scale=1到非響應式**上，這會讓**以100%寬度渲染，使用者需要手動移動頁面或者縮放。如果和initial-scale=1同時使用user-scalable=no或maximum-scale=1，則使用者將不能放大/縮小網頁來看到全部的內容。
content 引數：
width viewport 寬度(數值/device-width)
height viewport 高度(數值/device-height)
initial-scale 初始縮放比例
maximum-scale 最大縮放比例
minimum-scale 最小縮放比例
user-scalable 是否允許使用者縮放(yes/no)
各瀏覽器平台
microsoft internet explorer
google chrome
360瀏覽器
uc手機瀏覽器
qq手機瀏覽器
google android
其它常用的meta
網頁編碼：以下兩種charset定義方式均可
禁止快取：禁止瀏覽器從本地機的快取中調閱頁面內容，網頁不儲存在快取中，每次訪問都重新整理頁面。這樣設定，訪問者將無法離線瀏覽
網頁過期：指定網頁在快取中的過期時間，一旦網頁過期，必須到伺服器上重新調閱。注意：必須使用gmt的時間格式，或直接設為0（數字表示多少時間後過期）
cookie設定：注意：必須使用gmt的時間格式
顯示視窗的設定：強制頁面在當前視窗以獨立頁面顯示，這個屬性是用來防止別人在框架裡呼叫你的頁面。content選項：_blank、_top、_self、_parent.
內容安全策略csp（content-security-policy）,可以參考
meta標籤介紹
meta標籤介紹 可能不太完美,希望予以補充 除utf 8之外還有gb2312 iso 8859 1 gbk等。name屬性在這裡插入 片 name主要用於描述網頁,比如關鍵字,描述等.對應屬性為content,content中的內容是name值的具體描述,便於搜尋引擎抓取,下面是語法格式 下面是n...
html頭部meta標籤
標籤定義了html的元資料，元資料是不會在內容中顯示的，但會被瀏覽器解析。的基本寫法 viewport content width device width,initial scale 1.0,user scalacle no 標籤不閉合，屬性有 name 把content屬性關聯到乙個名稱 con...
HTML頭部標籤 Meta
haed標籤位於標籤的上部.本小節主要講解head標籤中的標籤。標籤位於文件的頭部，不包含任何內容。標籤的屬性定義了與文件相關聯的名稱 值對。meta是html語言head區的乙個輔助性標籤。幾乎所有的網頁裡，我們都能看到meta標籤,不過瀏覽器的顯示頁面中是看不到的,也許你認為這些 可有可無。其實...