meta 標簽生成器

這是一款在線Meta標簽生成工具,可實現(xiàn)按照用戶需求定制Meta標簽的功能,并對各個常用的Meta標簽做出了詳盡的解釋說明。

HTML <meta> 標簽

瀏覽器支持

IE Firefox Chrome Safari Opera

所有瀏覽器都支持 <meta> 標簽。

定義和用法

<meta> 元素可提供有關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。

<meta> 標簽位于文檔的頭部,不包含任何內(nèi)容。<meta> 標簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。

HTML 與 XHTML 之間的差異

在 HTML 中,<meta> 標簽沒有結(jié)束標簽。

在 XHTML 中,<meta> 標簽必須被正確地關(guān)閉。

提示和注釋:

注釋:<meta> 標簽永遠位于 head 元素內(nèi)部。

注釋:元數(shù)據(jù)總是以名稱/值的形式被成對傳遞的。

必需的屬性

屬性 描述
content some_text 定義與 http-equiv 或 name 屬性相關(guān)的元信息

可選的屬性

屬性 描述
http-equiv
  • content-type
  • expires
  • refresh
  • set-cookie
把 content 屬性關(guān)聯(lián)到 HTTP 頭部。
name
  • author
  • description
  • keywords
  • generator
  • revised
  • others
把 content 屬性關(guān)聯(lián)到一個名稱。
scheme some_text 定義用于翻譯 content 屬性值的格式。

name 屬性

name 屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標簽都沒有指定任何預先定義的 <meta> 名稱。通常情況下,您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。

"keywords" 是一個經(jīng)常被用到的名稱。它為文檔定義了一組關(guān)鍵字。某些搜索引擎在遇到這些關(guān)鍵字時,會用這些關(guān)鍵字對文檔進行分類。

類似這樣的 meta 標簽可能對于進入搜索引擎的索引有幫助:

<meta name="keywords" content="HTML,ASP,PHP,SQL">

如果沒有提供 name 屬性,那么名稱/值對中的名稱會采用 http-equiv 屬性的值。

http-equiv 屬性

http-equiv 屬性為名稱/值對提供了名稱。并指示服務器在發(fā)送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。

當服務器向瀏覽器發(fā)送文檔時,會先發(fā)送許多名稱/值對。雖然有些服務器會發(fā)送許多這種名稱/值對,但是所有服務器都至少要發(fā)送一個:content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。

使用帶有 http-equiv 屬性的 <meta> 標簽時,服務器將把名稱/值對添加到發(fā)送給瀏覽器的內(nèi)容頭部。例如,添加:

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

這樣發(fā)送到瀏覽器的頭部就應該包含:

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

當然,只有瀏覽器可以接受這些附加的頭部字段,并能以適當?shù)姆绞绞褂盟鼈儠r,這些字段才有意義。

content 屬性

content 屬性提供了名稱/值對中的值。該值可以是任何有效的字符串。

content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。

scheme 屬性

scheme 屬性用于指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標簽的 profile 屬性指定的概況文件中進行了定義。

全局屬性

<meta> 標簽支持 HTML 中的全局屬性 。