<元>


HTML <meta> 標籤

#實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Ståle Refsnes">
<meta charset="UTF-8">
</head>
<body>

<p>所有 meta 标签显示在 head 部分...</p>

</body>
</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例


瀏覽器支援

1000.png

所有主流瀏覽器都支援< 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 新屬性。

     refresh把 content 屬性連結到 HTTP 頭部。 namekeywords把 content 屬性連結到一個名稱。 scheme定義用於翻譯 content 屬性值的格式。
屬性描述
charsetNew character_set定義文件的字元編碼。
contenttext#定義與 http-equiv 或 name 屬性相關的元資訊。
http-equivcontent-type
     default-style

application-name
     author
##      description      generator
     
format/URI# HTML5不支援。


事件屬性

<p> 標籤支援所有 HTML事件屬性。

相關文章

HTML 教學:HTML 頭部


####