導讀:meta的屬性有name,http-equiv,content,charset 屬性(HTML5 新屬性), scheme (已棄用)。
元素可提供相關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。 標籤位於文檔的頭部,不包含任何內容。 標籤的屬性定義了與文檔相關聯的名稱/值對。1
HTML < meta> 元素表示那些不能由其它HTML元相關元素 (< base>, < link>, < script>, < style> 或 < title>) 之一表示的任何元數據信息。
注: 全局屬性 name 在 < meta> 元素中具有特殊的語義;另外, 在同一個 < meta> 標籤中,name, http-equiv 或者 charset 三者中任何一個屬性存在時,itemprop 屬性不能被使用。
name 屬性
name 屬性提供了名稱/值對中的名稱,把 content 屬性關聯到一個名稱。
屬性值 | 描述 |
---|---|
application-name | 定義正運行在該網頁上的網絡應用名稱2 |
author | 文檔作者名稱 |
description | 頁面的描述,添加書籤時,部分瀏覽器會使用這個元作爲頁面的默認描述 |
generator | 規定用於生成文檔的一個軟件包(不用於手寫頁面)。 |
keywords | 以逗號分隔的字符串,與頁面內容相關的關鍵字 |
referrer | 控制與此文檔發送的任何請求相關的HTTP Referer HTTP頭的內容3 |
creator | 以自由格式定義文檔創建者的名稱。注:它可以是機構的名稱。如果有不止一個,就應該使用幾個< meta>元素 |
googlebot | 與robot功能一樣,谷歌搜索的爬蟲 |
publisher | 以自由格式定義文檔的發佈者的名稱。注:它可以是機構的名稱 |
robot | 機器人嚮導,用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引 |
slurp | 與robot功能一樣,雅虎搜索的爬蟲 |
viewport | 設定窗口初始大小,僅適用於移動設備。具體用法 |
http-equiv 屬性
這個枚舉屬性定義了能改變服務器和用戶引擎行爲的編譯。這個編譯值使用content 來定義,如下:
屬性值 | 描述 |
---|---|
content-security-policy | 允許頁面作者定義當前頁的 內容策略。 內容策略主要指定允許的服務器源和腳本端點,這有助於防止跨站點腳本攻擊。CSP用法 |
content-type | 定義文檔的字符編碼,被淘汰並被charset屬性所取代。 |
default-style | 指定在頁面上使用的首選樣式表。內容屬性必須包含< link >元素的標題,其href屬性鏈接到CSS樣式表,或< style >元素的標題,其中包含CSS樣式表。 |
refresh | 定義文檔自動刷新的時間間隔4 |
set-cookie | 爲頁面定義一個 cookie ,已廢棄,現使用HTTP頭設置cookie |
content
基於內容,這個屬性爲 http-equiv 或 name 屬性提供了與其相關的值的定義.
charset 屬性(HTML5 新屬性)
屬性值 | 描述 |
---|---|
character_set | 此特性聲明當前文檔所使用的字符編碼,但該聲明可以被任何一個元素的 lang 特性的值覆蓋。(常用的值:UTF-8 - Unicode 字符編碼;ISO-8859-1 - 拉丁字母表的字符編碼) |
scheme (已棄用)
由於沒有真正被使用,沒有可替代的語句,可忽略。
屬性值 | 描述 |
---|---|
format/URI | 定義 content 屬性內的值的格式(或指向一個包含信息的 URI)。 |
參考資料:
MDN < meta>
w3school MTHL/CSS參考手冊< meta>
w3school HTML參考手冊< meta>
meta_百度百科
前端安全配置之Content-Security-Policy(csp)
關於HTML5中meta name=”viewport” 的用法