meta標(biāo)簽提供了 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在客戶端,但是會被瀏覽器解析诚隙。META元素通常用于指定網(wǎng)頁的描述隐解,關(guān)鍵詞,文件的最后修改時間升酣,作者及其他元數(shù)據(jù)舷暮。元數(shù)據(jù)可以被使用瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞)噩茄,或其他 Web 服務(wù)調(diào)用脚牍。
meta 的屬性有:name屬性、http-equiv屬性 巢墅、content屬性和charset屬性 诸狭。
name屬性:
name 屬性規(guī)定元數(shù)據(jù)的名稱。
name 屬性規(guī)定content屬性的信息/值的名稱君纫。
注意:如果設(shè)置了 http-equiv 屬性驯遇,則不應(yīng)該設(shè)置 name 屬性。
語法
<meta name="value">
屬性值
application-name 規(guī)定頁面所代表的 Web 應(yīng)用程序的名稱蓄髓。
author 規(guī)定文檔的作者的名字叉庐。
<meta name = "author" content = "作者的姓名">
description 規(guī)定頁面的描述。搜索引擎會把這個描述顯示在搜索結(jié)果中会喝。
<meta name = "description" content = "對頁面的描述語言”>
generator 規(guī)定用于生成文檔的一個軟件包(不用于手寫頁面)陡叠。
<meta name = "generator" content = "編輯軟件的名稱">
keywords 規(guī)定一個逗號分隔的關(guān)鍵詞列表 - 相關(guān)的網(wǎng)頁(告訴搜索引擎頁面是與什么相關(guān)的)。
提示:總是規(guī)定關(guān)鍵詞(對于搜索引擎進(jìn)行頁面分類是必要的)肢执。
<meta name = "keywords" content = "具體的關(guān)鍵字">
referrer 控制所述HTTP的內(nèi)容Referer附加到從本文件發(fā)送的任何請求的HTTP標(biāo)頭枉阵。
<meta name="referrer">
no-referrer | 不要發(fā)送一個HTTP Referer標(biāo)頭。 |
---|---|
origin | 發(fā)送起源的文件预茄。 |
no-referrer-when-downgrade | 發(fā)送原點(diǎn)作為引薦先驗(yàn)的兴溜,多的安全目的地(https-> HTTPS),但不發(fā)送引薦一個不太安全的目的地(https-> HTTP)。這是默認(rèn)的行為拙徽。 |
origin-when-crossorigin | 執(zhí)行相同來源的請求時刨沦,發(fā)送一個完整的URL(從參數(shù)剝離),但只送起源的其他情況下的文件膘怕。 |
unsafe-URL | perfoming來源相同的請求時想诅,發(fā)送一個完整的URL(從參數(shù)剝離)。 |
creator 限定岛心,在自由格式中侧蘸,文件的創(chuàng)建者的名稱。請注意鹉梨,它可以是機(jī)構(gòu)的名稱讳癌。如果有不止一個,有幾個要素都應(yīng)該使用存皂。
googlebot 這是一個代名詞robots晌坤,但只有其是googlebot,索引爬蟲對谷歌搜索旦袋。
publisher 在一個自由的格式骤菠,文件的發(fā)布者的名稱。請注意疤孕,它可以是該機(jī)構(gòu)的名稱商乎。
robots(定義搜索 引擎爬蟲的索引方式):content的參數(shù)有all(默認(rèn) ),none,index,follow,nofollow。
<meta name="robots" content="none">
slurp 這是一個代名詞robots祭阀,但只有其是slurp鹉戚,索引爬蟲對雅虎搜索。
viewport 這給出了關(guān)于的初始大小的大小提示視口专控。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
值 | 可能值 | 描述 |
---|---|---|
width | 一個正整數(shù)或者字符串 device-width | 限定了寬度抹凳,以像素為單位,視口的 |
height | 一個正整數(shù)或者字符串 device-height | 定義了高度伦腐,以像素赢底,視口的 |
initial-scale | 一個0.0 到10.0之間的正數(shù) | 定義設(shè)備寬度(之間的比率device-width以縱向模式或device-height橫向模式)和視口的大小。 |
maximum-scale | 一個0.0 到10.0之間的正數(shù) | 定義了變焦的最大值; 它必須大于或等于minimum-scale或行為是不確定的柏蘑。 |
minimum-scale | 一個0.0 到10.0之間的正數(shù) | 定義了變焦的最低值; 它必須小于或等于maximum-scale或行為是不確定的幸冻。 |
user-scalable | 一個布爾值(yes 或者no) | 如果設(shè)置為no,用戶無法在網(wǎng)頁中放大咳焚。默認(rèn)值是yes洽损。 |
scheme 該屬性定義了描述元數(shù)據(jù)的方案。scheme是一種上下文黔攒,它可以對內(nèi)容值進(jìn)行正確的解釋趁啸,就像一種格式。
http-equiv屬性:
http-equiv 屬性提供了content屬性的信息/值的 HTTP 頭督惰。
http-equiv 屬性可用于模擬一個 HTTP 響應(yīng)頭不傅。
語法
<meta http-equiv="content-type|default-style|refresh">
屬性值
content-type 規(guī)定文檔的字符編碼。
<meta http-equiv="content-type" content="text/html; charset=utf-8">
default-style 規(guī)定要使用的預(yù)定義的樣式表赏胚。
<meta http-equiv="default-style" content="the document's preferred stylesheet">
注釋:上面 content 屬性的值必須匹配同一文檔中的一個 link 元素上的 title 屬性的值访娶,或者必須匹配同一文檔中的一個 style 元素上的 title 屬性的值。
refresh 定義文檔自動刷新的時間間隔觉阅。
<meta http-equiv="refresh" content="300">
set-cookie 設(shè)置cookie崖疤,如果網(wǎng)頁過期,那么舊cookie將被刪除典勇。
<meta http-equiv="set-cookie" content="cookievalue=xxx;expires=Monday,12 Jan 2020 20:20:20 GMT;path=/">
content 屬性:
定義與 http-equiv 或 name 屬性相關(guān)的元信息劫哼。
content 屬性給出了與 http-equiv 或 name 屬性相關(guān)的值。
語法
<meta content="text">
屬性值
text :meta 信息的內(nèi)容割笙。
charset屬性:
charset 屬性規(guī)定 HTML 文檔的字符編碼权烧。
提示:charset 屬性可以通過任意元素上的 lang 屬性來重寫。
語法
<meta charset="character_set">
屬性值
character_set :規(guī)定 HTML 文檔的字符編碼伤溉。
常用的值:
UTF-8 - Unicode 字符編碼
ISO-8859-1 - 拉丁字母表的字符編碼
<meta charset ="UTF-8">
在理論上般码,可以使用任何字符編碼,但并不是所有瀏覽器都能夠理解它們乱顾。某種字符編碼使用的范圍越廣板祝,瀏覽器就越有可能理解它。