HTML <meta>用法及代碼示例

HTML <meta> 標簽用於表示 HTML 文檔的元數據。它指定頁麵描述、關鍵字、版權、語言、文檔作者等。

元數據不會顯示在網頁上，但會被搜索引擎、瀏覽器和其他掃描網站或網頁以了解網頁的網絡服務使用。

在元標記的幫助下，您可以試驗和預覽您的網頁在瀏覽器上的呈現方式。

用法:

<meta charset="utf-8">

以下是關於 HTML <meta> 標簽的一些規範

Display	None
開始標簽/結束標簽	空標簽(僅開始標簽)
Usage	文件結構

以下是元標記的一些特定語法，顯示了元標記的不同用途。

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

它定義了字符編碼。 charset 的值為 "utf-8" 表示它支持顯示任何語言。

2. <meta name="keywords" content="HTML, CSS, JavaScript, Tutorials">

它指定了搜索引擎使用的關鍵字列表。

3. <meta name="description" content="Free Online tutorials">

它定義了有助於提供搜索引擎執行的相關搜索的網站描述。

4. <meta name="author" content="thisauthor">

它指定頁麵的作者。通過內容管理係統自動提取作者信息很有用。

5. <meta name="refresh" content="50">

它指定向瀏覽器提供指令以在每 50 秒(或任何給定時間)後自動刷新內容。

6. <meta http-equiv="refresh" content="5; url=https://www.javatpoint.com/html-tags-list">

在上麵的例子中，我們設置了一個包含內容的 URL，所以它會在提供的時間後自動重定向到給定的頁麵。

7. <meta name="viewport" content="width=device-width, initial-scale=1.0">

它指定視口來控製頁麵尺寸和縮放比例，以便我們的網站在所有設備上看起來都很好。如果存在此標記，則表明此頁麵支持移動設備。

示例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="keywords" content="HTML, CSS, JavaScript, Tutorials">
	<meta name="description" content="Free Online tutorials">
	<meta name="author" content="thisauthor">
	<meta http-equiv="refresh" content="5; url=https://www.javatpoint.com/html-tags-list"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">  
</head>
<body>
<h2>Example of Meta tag</h2>
<p>This example shows the use of meta tag within an HTML document</p>
</body>
</html>

屬性：

Tag-specific 屬性：

= HTML5 中的新函數

屬性	值	描述
charset	character_set	它指定 HTML 頁麵的字符編碼。
content	text	它包含 HTML 文檔中屬性 "name" 和 "http-equiv" 的值，具體取決於上下文。
http-equiv	Content-type default-style refresh	它指定了 Web 服務器提供的有關如何提供網頁的信息。
name	application-name author description generator keywords	它指定 document-level 元數據的名稱。
scheme	格式/網址	它指定描述元數據的方案。 (HTML5 不支持)

全局屬性：

事件屬性：

支持瀏覽器

Element	Chrome	IE	Firefox	Opera	Safari
<meta>	Yes	Yes	Yes	Yes	Yes

相關用法

注：本文由純淨天空篩選整理自 HTML <meta> tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。