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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。