1. 程式人生 > 其它 >常用的meta標籤以及用處

常用的meta標籤以及用處

通常,我們都習慣使用!自動生成。

Document meta:文件級元資料元素,meta標籤一般放在整個html頁面的head部分

一、設定meta元素charset屬性
meta 元素是一個字符集宣告,charset="UTF-8"告訴文件使用UTF-8字元編碼。
二、設定meta http-equiv屬性
meta 元素則是編譯指令,提供的資訊與類似命名的 HTTP 頭部相同。
http-equiv和content一起使用,前者表示要表示的元資料的名稱,後者是元資料的值。
http-equiv的值
1.X-UA-Compatible我們最常見的http-equiv值可能就是X-UA-Compatible,它是用來是做IE瀏覽器適配的。
IE=edge告訴瀏覽器,以當前瀏覽器支援的最新版本來渲染,IE9就以IE9版本來渲染。
2.content-type用來宣告文件型別和字符集
3.x-dns-prefetch-control
4.cache-control、Pragma、Expires
三、設定meta name屬性
meta 元素提供的是文件級別的元資料,應用於整個頁面。
name和content一起使用,前者表示要表示的元資料的名稱,後者是元資料的值。
name的值有:
1.author用來表示網頁的作者的名字,例如某個組織或者機構。
2.description是一段簡短而精確的、對頁面內容的描述。
3.keywords與頁面內容相關的關鍵詞,使用逗號分隔。某些搜尋引擎在遇到這些關鍵字時,會用這些關鍵字對文件進行分類。
4.viewpoint為 viewport(視口)的初始大小提供指示。width用來設定 viewport 的寬度為裝置寬度;initial-scale為裝置寬度與 viewport 大小之間的縮放比例。
5.robots表示爬蟲對此頁面的處理行為,或者說,應當遵守的規則,是用來做搜尋引擎抓取的。
6.renderer用來指定雙核瀏覽器的渲染方式,比如360瀏覽器,我們可以通過這個設定來指定360瀏覽器的渲染方式;如 //預設webkit核心
四、設定meta itemprop 屬性
meta 元素提供使用者定義的元資料。