HTML 之 Meta

標籤：ie7   meta   關鍵詞   color   developer   理解   文檔   targe   使用者   

前言

html中的meta標籤用於提供頁面相關的元資訊。以索引值對的形式定義。出現在head標籤之間。

meta標籤具有以下幾個屬性：

content(必須): 與name屬性對應，標識元資訊的值。

name: 標識元資訊的名稱。

http-equiv: 將content屬性關聯到http頭部，指示伺服器在發送文檔給瀏覽器之前在http頭部加入相關的索引值對。

scheme: 定義用於翻譯content屬性值的格式。

註：html文檔的meta標籤不需要結束標籤，而xhtml必須正確地關閉標籤。

 

常見meta標籤

 

1.<meta http-equiv="X-UA-Compatible" content="IE=7" >

IE8新增的一個屬性(IE8以下瀏覽器不識別不起作用)，用於指定頁面的渲染模式。該屬性必須定義在head標籤內除了title和其他meta標籤之外的所有標籤之前。

<meta http-equiv="X-UA-Compatible" content="IE=7" > // 告訴IE瀏覽器使用IE7引擎渲染。

<meta http-equiv="X-UA-Compatible" content="IE=edge" > // 告訴IE瀏覽器使用最高版本的IE引擎渲染。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" > // 告訴IE瀏覽器使用最高版本的IE引擎渲染，啟用Google Chrome Frame.

Google Chrome Frame(GCF，Google內嵌瀏覽器架構): 可用於內嵌於IE瀏覽器，使用者使用IE瀏覽器，但實際上是使用chrome引擎來渲染頁面。 

因此，上面的定義可以理解為：當使用者使用IE瀏覽器訪問網頁時，如果瀏覽器安裝了GCF，則使用Chrome的引擎來渲染頁面，否則使用最高版本的IE引擎來渲染頁面。

 

2.<meta charset="utf-8" >

指定頁面的字元編碼。

 

3.<meta name="renderer" content="webkit" >

用於指定瀏覽器核心，例如webkit,ie-comp,ie-stand...

 

4.<meta name="keywords" content="keyword1,keyword2,keyword3" >

用於描述介紹網站的關鍵詞，主要是提供給搜尋引擎最佳化。

HTML 之 Meta