HTML的<meta>标签怎么用?

2019-07-12 18:56:00 2680 1 编辑:深正互联 来源:互联网

元数据(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>标签怎么用


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通