HTML | 的詳細屬性使用 名稱/值對

導讀: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” 的用法


  1. 引用自meta_百度百科
  2. 瀏覽器可能會通過使用該屬性去區分應用,不同於< title >,它通常由應用名稱組成,也可能包含一些像文檔名或者狀態這樣的特殊信息;簡單的網頁不應該去定義application-name meta標籤。
  3. 這是一個實驗性的API,請儘量不要在生產環境使用它。
  4. 值 “refresh” 應該慎重使用,因爲它會使得頁面不受用戶控制.
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章