HTML <meta> 標(biāo)簽

2022-06-01 15:41 更新

<meta> 標(biāo)簽是 HTML 語(yǔ)言頭部的一個(gè)輔助性標(biāo)簽,提供有關(guān)頁(yè)面的元信息(比如:針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞、定義頁(yè)面使用的語(yǔ)言),使用好 <meta> 標(biāo)簽對(duì) HTML 很有益。

實(shí)例

描述 HTML 文檔的元數(shù)據(jù):

<head>
<meta name="description" content="免費(fèi)web教程">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="W3Cschool">
<meta charset="UTF-8">
</head>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <meta> 標(biāo)簽。


標(biāo)簽定義及使用說(shuō)明

元數(shù)據(jù)(Metadata)是數(shù)據(jù)的數(shù)據(jù)信息。

<meta> 標(biāo)簽提供了 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在客戶端,但是會(huì)被瀏覽器解析。

META元素通常用于指定網(wǎng)頁(yè)的描述,關(guān)鍵詞,文件的最后修改時(shí)間,作者及其他元數(shù)據(jù)。

元數(shù)據(jù)可以被使用瀏覽器(如何顯示內(nèi)容或重新加載頁(yè)面),搜索引擎(關(guān)鍵詞),或其他 Web 服務(wù)調(diào)用。

注意:<meta> 標(biāo)簽中的元數(shù)據(jù)無(wú)法使用其他的元相關(guān)標(biāo)簽表示,例如:<base>、<link>,<script>、<style>或<title>。


提示和注釋

注意:<meta> 標(biāo)簽通常位于 <head>區(qū)域內(nèi)。

注意: 元數(shù)據(jù)通常以 名稱/值 對(duì)出現(xiàn)。

注意: 如果沒(méi)有提供 name 屬性,那么名稱/值對(duì)中的名稱會(huì)采用 http-equiv 屬性的值。


HTML 4.01 與 HTML5之間的差異

HTML5 不支持 scheme 屬性。

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

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

HTML 與 XHTML 之間的差異

在 HTML 中 <meta> 標(biāo)簽沒(méi)有結(jié)束標(biāo)簽。

在 XHTML 中 <meta> 標(biāo)簽必須包含結(jié)束標(biāo)簽。


實(shí)例

實(shí)例 1 - 定義文檔關(guān)鍵詞,用于搜索引擎:

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

實(shí)例 2 - 定義web頁(yè)面描述:

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

實(shí)例 3 - 定義頁(yè)面作者:

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

實(shí)例 4 - 每30秒刷新頁(yè)面:

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


屬性

New :HTML5 新屬性。

屬性描述
charsetNewcharacter_set定義文檔的字符編碼。
contenttext定義與 http-equiv 或 name 屬性相關(guān)的元信息。
http-equivcontent-type
default-style
refresh
把 content 屬性關(guān)聯(lián)到 HTTP 頭部。
nameapplication-name
author
description
generator
keywords
把 content 屬性關(guān)聯(lián)到一個(gè)名稱。
schemeformat/URI HTML5不支持。 定義用于翻譯 content 屬性值的格式。


事件屬性

<p> 標(biāo)簽支持所有 HTML事件屬性。

在線工具

Meta在線生成工具


相關(guān)文章

HTML 教程:HTML 頭部

CSS3學(xué)習(xí)筆記:meta標(biāo)簽的理解


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)