HTML <meta> 標簽


實例

描述 HTML 文檔的元數據:

<head> <meta name="description" content="免費在線教程"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="runoob"> <meta charset="UTF-8"> </head>

嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

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


標簽定義及使用說明

元數據(Metadata)是數據的數據信息。

<meta> 標簽提供了 HTML 文檔的元數據。元數據不會顯示在客戶端,但是會被瀏覽器解析。

META元素通常用于指定網頁的描述,關鍵詞,文件的最后修改時間,作者及其他元數據。

元數據可以被使用瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他 Web 服務調用。


提示和注釋

注意:<meta> 標簽通常位于 <head> 區域內。

注意: 元數據通常以 名稱/值 對出現。

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


HTML 4.01 與 HTML5之間的差異

HTML5 不支持 scheme 屬性。

在 HTML5 中,有一個新的 charset 屬性,它使字符集的定義更加容易:

  • HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  • HTML5: <meta charset="UTF-8">

HTML 與 XHTML 之間的差異

在 HTML 中 <meta> 標簽沒有結束標簽。

在 XHTML 中 <meta> 標簽必須包含結束標簽。


實例

實例 1 - 定義文檔關鍵詞,用于搜索引擎:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

實例 2 - 定義web頁面描述:

<meta name="description" content="Free Web tutorials on HTML and CSS">

實例 3 - 定義頁面作者:

<meta name="author" content="Hege Refsnes">

實例 4 - 每30秒刷新頁面:

<meta http-equiv="refresh" content="30">


屬性

New :HTML5 新屬性。

屬性 描述
charsetNew character_set 定義文檔的字符編碼。
content text 定義與 http-equiv 或 name 屬性相關的元信息。
http-equiv content-type
default-style
refresh
把 content 屬性關聯到 HTTP 頭部。
name application-name
author
description
generator
keywords
把 content 屬性關聯到一個名稱。
scheme format/URI HTML5不支持。 定義用于翻譯 content 屬性值的格式。


事件屬性

<p> 標簽支持所有 HTML事件屬性


相關文章

HTML 教程:HTML 頭部