HTML的<meta>标签怎么用?

元数据(metadata)表示有关数据的信息。HTML中的<meta>标签提供有关HTML文档的信息,或者简单地说,它提供有关文档的重要信息。该标签主要用于添加name/value对来描述HTML文档的属性,如到期日期、作者姓名、关键字列表、文档作者等。

<meta>标签是空元素,因为它只有一个开始标记,没有结束标记,但在其属性中包含信息。根据信息,Web文档可以包含一个或多个元标记,但一般来说,它不会影响文档的物理外观。

<meta>标签中可添加的属性:

● content属性:定义与 http-equiv 或 name 属性相关的元信息

● http-equiv属性:把 content 属性关联到 HTTP 头部。

● name属性:把 content 属性关联到一个名称。

● scheme属性:定义用于翻译 content 属性值的格式。

指定关键字:<meta>标签用于指定与HTML文档相关的重要关键字。

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

文档描述:meta标签在HTML文档中用于提供关于文档的简短描述。

<head> 
        <meta name = "keywords" content = "Meta Tags, Metadata" /> 
        <meta name = "description" content = "这是一个xxx网站" /> 
</head>

文档修订日期:meta标签用于提供关于最近更新的文档的信息;当刷新web页面时,各种web浏览器都使用此信息。

<head> 
        <meta name = "keywords" content = "Meta Tags, Metadata" /> 
        <meta name = "description" content = "Learning about Meta Tags." /> 
        <meta name = "revised detail" content = "last updated time" />
</head>

文档刷新:meta标签用于指定在给定持续时间后网页将自动刷新的持续时间

示例:给出了在8秒后刷新网页的代码:

<head> 
        <meta name = "keywords" content = "Meta Tags, Metadata" /> 
        <meta name = "description" content = "Learning about Meta Tags." /> 
        <meta name = "revised detail" content = "last updated time" />
        <meta http-equiv = "refresh" content = "8" /> 
</head>

设置作者姓名:可以使用meta标签通过HTML文档在网页中设置作者姓名

<head> 
        <meta name = "keywords used " content = "Meta Tags, Metadata" /> 
        <meta name = "description about" content = "Meta tags learning." /> 
        <meta name = "author" content = "Kumar17" /> 
</head>

浏览器支持

● 谷歌浏览器

● IE浏览器

● Mozilla

● Safari

● Opera

以上就是HTML的<meta>标签怎么用?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML5 答疑