HTML學習--<meta>
<meta>
屬性
- 如果設定了 name 屬性,meta 元素提供的是文件級別(document-level)的元資料,應用於整個頁面。
- 如果設定了 http-equiv 屬性,meta 元素則是編譯指令,提供的資訊與類似命名的HTTP頭部相同。
- 如果設定了 charset 屬性,meta 元素是一個字符集宣告,告訴文件使用哪種字元編碼。
- 如果設定了 itemprop 屬性,meta 元素提供使用者定義的元資料。
- content屬性一般與 name 屬性或 http-equiv 屬性一起使用。
注意: 全域性屬性 name 在 <meta>
元素中具有特殊的語義;另外, 在同一個 <meta>
http-equiv
-
content-security-policy 它允許頁面作者定義當前頁的內容策略。 內容策略主要指定允許的伺服器源和指令碼端點,這有助於防止跨站點指令碼攻擊。
-
content-type 值必須是"text/html; charset=utf-8"。
-
default-style設定預設 CSS 樣式表組的名稱。
-
x-ua-compatible 如果指定,則 content 屬性必須具有值 "IE=edge"。使用者代理必須忽略此指示。
-
refresh這個屬性指定:
-
如果 content 只包含一個正整數,則為重新載入頁面的時間間隔(秒);
-
如果 content 包含一個正整數,並且後面跟著字串 ';url=' 和一個合法的 URL,則是重定向到指定連結的時間間隔(秒)
<!-- Redirect page after 3 seconds --> <meta http-equiv="refresh" content="3;url=https://www.mozilla.org">
-
name
HTML 規範定義了以下標準元資料名稱:
-
application-name:網頁中所執行的應用程式的名稱。
-
author:文件作者的名字。
-
description:一段簡短而精確的、對頁面內容的描述。
-
generator:生成此頁面的軟體的識別符號(identifier)。
-
keywords:與頁面內容相關的關鍵詞,使用逗號分隔。
-
referrer:控制由當前文件發出的請求的 HTTP Referer 請求頭。
-
theme-color (en-US):表示當前頁面的建議顏色,在自定義當前頁面從或頁面周圍的使用者介面的顯示時,使用者代理應當使用此顏色。
-
color-scheme: 指定與當前文件相容的一種或多種配色方案。
<!-- color-scheme: normal | [light | dark]+ | only light --> <meta name="color-scheme" content="dark light">
-
viewport: 為viewport(視口)的初始大小提供指示(hint)。目前僅用於移動裝置。
<!-- 將視口寬度設定為裝置的寬度,將文件放大到其預期大小的100%, --> <!-- viewport: width | height |initial-scale | maximum-scale | minimum-scale | user-scalable --> <meta name="viewport" content="width=device-width,initial-scale=1">
-
creator:當前文件的建立者,例如某個組織或者機構。如果有不止一個建立者,則應當使用多個名稱為 creator 的 `` 元素。(而不是像關鍵詞一樣使用逗號分隔:關鍵詞不應包含逗號,但建立者名稱可能含有逗號。)
-
googlebot:robots 的替代名稱,只被 Googlebot(Google 的網頁爬蟲/索引搜尋器)使用。
-
publisher:當前文件的釋出者/出版者。
-
robots:爬蟲、協作搜尋器,或者“機器人”,對此頁面的處理行為,或者說,應當遵守的規則。是一個使用逗號分隔的、由下列值構成的列表:
name="referrer"的 content 屬性的值:
name="robots"的 content 屬性的值