HTML <Meta>用法及代碼示例

元數據表示有關數據的信息。 HTML中的<meta>標記提供有關HTML文檔的信息，或者簡單地說，它提供有關文檔的重要信息。這些標簽本質上用於添加名稱/值對，以描述HTML文檔的屬性，例如到期日期，作者姓名，關鍵字列表，文檔作者等。此標簽為空元素，因為它隻有一個開始標簽而沒有結束標記，但它在其屬性內攜帶信息。一個網絡文檔可以包含一個或多個元標記，具體取決於信息，但是通常，它不會影響文檔的外觀。

將Meta標簽添加到HTML文檔：在HTML文檔中添加元數據是使用head標簽內的meta標簽在HTML文檔中添加有關數據的信息。
名稱屬性：此屬性用於定義屬性的名稱。
http-equiv屬性：此屬性用於獲取http響應消息頭。
方案屬性：此屬性用於指定解釋屬性值的方案。
內容屬性：此屬性用於指定屬性值。

指定關鍵字：meta標簽用於指定與HTML文檔相關的重要關鍵字。
例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>meta tag examples</title> 
        <meta name = "keywords" content = "Meta Tags, Metadata"/> 
    </head> 
          
    <body> 
        <p>Hello GeeksforGeeks!</p> 
    </body> 
</html>

輸出：

Hello GeeksforGeeks!

文件說明：HTML文檔中使用此meta標簽來提供有關文檔的簡短描述。
例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Meta Tags example</title> 
        <meta name = "keywords" content = "Meta Tags, Metadata" /> 
        <meta name = "description" 
        content = "Geeksforgeeks is a computer science portal." /> 
    </head> 
          
    <body> 
        <p>GeeksforGeeks!</p> 
    </body> 
</html>

輸出：

GeeksforGeeks!

文檔修訂日期：此元標記用於提供有關最近更新的文檔的信息。刷新網頁時，各種Web瀏覽器都會使用此信息。

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Meta tags example</title> 
        <meta name = "keywords" 
              content = "Meta Tags, Metadata" /> 
        <meta name = "description" 
              content = "Learn about Meta Tags." /> 
        <meta name = "revised detail" 
              content = "last updated time" /> 
    </head> 
          
    <body> 
        <p>GeeksforGeeks!</p> 
    </body> 
</html>

輸出：

GeeksforGeeks!

刷新文檔：此元標記用於指定持續時間，在該持續時間之後，網頁將在給定持續時間之後自動保持刷新。以下是8秒後刷新網頁的代碼：
例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Meta tags example</title> 
        <meta name = "keywords about" 
               content = "Meta Tags, Metadata" /> 
        <meta name = "description" 
               content = "Learning about Meta Tags." /> 
        <meta name = "revised about" 
               content = "GeeksforGeeks" /> 
        <meta http-equiv = "refresh" content = "8" /> 
    </head> 
          
    <body> 
        <p>GeeksforGeeks!</p> 
    </body> 
</html>

輸出：

GeeksforGeeks!

設置作者姓名：可以使用meta標簽通過HTML文檔在網頁中設置作者姓名。
例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Meta tags example</title> 
        <meta name = "keywords used " 
                      content = "Meta Tags, Metadata" /> 
        <meta name = "description about" 
                      content = "Meta tags learning." /> 
        <meta name = "author" content = "Akash Kumar17" /> 
    </head> 
          
    <body> 
        <p>GeeksforGeeks!</p> 
    </body> 
</html>

輸出：

GeeksforGeeks!

瀏覽器支持：支持元標記的瀏覽器是：

穀歌瀏覽器
IE瀏覽器
Mozilla
Opera
Safari

相關用法

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