常用的meta元素

charset

聲明當前文檔使用的字符編碼,但可以被文檔內(nèi)任意元素的lang覆蓋。

  • 盡量使用UTF-8
  • 不兼容ASCII的編碼規(guī)范
  • 絕對不能使用CESU-8、UTF-7、BOCU-1及SCSU這一類編碼
  • 不應該使用UTF-31,因為不能將它與UTF-16區(qū)別

content

基于內(nèi)容,為http-equiv或name屬性提供相關(guān)的值的定義

http-equiv

為枚舉屬性,定義能改變服務器和用戶引擎行為的編譯,他的編譯值由content來定義。

1. content-language

定義頁面使用的默認語言,但通常使用全局的lang屬性。

2.Content-Security-Policy

允許站點管理者在指定的頁面控制用戶代理的資源,有助于防止跨站點腳本攻擊。

3. default-style

指定要在頁面上所使用的優(yōu)選的樣式表,他必須包含一個link元素,其href屬性鏈接到CSS樣式表或者CSS樣式表的標題。

4. refresh

  • 如果content屬性僅包含一個正整數(shù)的話表示每個多少秒就重新加載一次頁面。
  • 如果content屬性僅包含一個正整數(shù)和一個有效的URL的話表示多少秒后重定向到該另一個頁面。

name

定義文檔元數(shù)據(jù)的名稱。

1. application-name

定義正運行在該網(wǎng)頁上的網(wǎng)絡應用名稱。

2. author

這個文檔的作者名稱,可以用任意格式去定義

3. description

包括一個關(guān)于頁面內(nèi)容的縮略而精準的描述。

4. keywords

含有作為由逗號分隔的字符串,與網(wǎng)頁的內(nèi)容相關(guān)聯(lián)的相關(guān)字。

5. generate

包含頁面生成器的標識符。

6. referrer

控制從該文檔發(fā)出的所有HTTP引用頭

行為
no-referrer 不發(fā)送HTTP引用頭
origin 發(fā)送文檔起源
no-referrer-when-downgrade 向高級引用,不向低級引用
origin-when-crossorigin 執(zhí)行相同來源的請求時發(fā)送一個完整的URL,但只送文檔的起源。
unsafeURL 同源請求時發(fā)送一個完整的URL

7. creator

定義文件創(chuàng)建者的名稱。

8. googlebot

機器人的代名詞。

9. publisher

定義文件發(fā)布者的名稱。

10. robots

定義爬蟲應該和頁面合作的行為。

行為
index 允許索引
noindex 拒絕索引
follow 允許追蹤鏈接
nofollow 拒絕追蹤鏈接
noodp 拒絕使用開放目錄項目
noarchive 拒絕從頁面的緩存搜索
nosnippe 拒絕顯示搜索結(jié)果
noimageindex 拒絕引用索引圖像
nodir 拒絕雅虎目錄說明的使用
nocache 拒絕緩存

11. slirp

只在雅虎搜索中使用的robots的代名詞

12. viewport

定義窗口的初始大小

取值范圍 描述
width 一個正整數(shù)或者字符串 device-width 定義窗口寬度
height 一個正整數(shù)或者字符串 device-height 定義窗口高度
initial-scale 一個0.0 到10.0之間的正數(shù) 定義窗口到邊框的距離
maximum-scale 一個0.0 到10.0之間的正數(shù) 定義可變最大值
minimum-scale 一個0.0 到10.0之間的正數(shù) 定義可變最小值
user-scalabl 一個布爾值(yes 或者no) 如果設置為no,用戶無法在網(wǎng)頁中放大。默認值是yes。

scheme

關(guān)于元數(shù)據(jù)的描述,是上下文更通順。
示例:

<!-- Defining the charset in HTML4 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!-- In HTML5 -->
<meta charset="utf-8">

<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=http://www.mozilla.org/">
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 作者:彭志明日期:2017年4月29日 本文主要針對常用的meta元素的http-equiv,content屬性值...
    pz明閱讀 1,387評論 0 0
  • 1.meta的意義: 在HTML文檔中,meta元素可放置在head標簽內(nèi)用于定義整個文檔層面的元數(shù)據(jù)信息。使用m...
    馬建陽閱讀 1,042評論 0 2
  • 標簽提供了 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在客戶端,但是會被瀏覽器解析。META元素通常用于指定網(wǎng)頁的描述...
    shadow123閱讀 694評論 0 0
  • 雖然之前我有整理過一次meta 標簽,但是心中對于meta 標簽還是一知半解,所以再次對meta 標簽進行整理,并...
    微風玉米閱讀 1,271評論 0 0
  • <meta>標簽的定義和用法: 元素可提供頁面的元信息,比如針對搜索引擎和更新頻度的描述和關(guān)鍵字 一...
    饑人谷魏朋朋閱讀 663評論 0 0

友情鏈接更多精彩內(nèi)容