HTML中的<meta>标签怎么用

发布时间:2022-03-10 14:56:21 作者:小新
来源:亿速云 阅读:143

这篇文章给大家分享的是有关HTML中的<meta>标签怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

    HTML<meta>标签

    实例

    描述HTML文档的元数据:

    <head>

    <metaname="description"content="免费在线教程">

    <metaname="keywords"content="HTML,CSS,XML,JavaScript">

    <metaname="author"content="runoob">

    <metacharset="UTF-8">

    </head>

    浏览器支持

    所有主流浏览器都支持<meta>标签。

    标签定义及使用说明

    元数据(Metadata)是数据的数据信息。

    <meta>标签提供了HTML文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。

    META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。

    元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务调用。

    提示和注释

    注意:<meta>标签通常位于<head>区域内。

    注意:元数据通常以名称/值对出现。

    注意:如果没有提供name属性,那么名称/值对中的名称会采用http-equiv属性的值。

    HTML4.01与HTML5之间的差异

    HTML5不支持scheme属性。

    在HTML5中,有一个新的charset属性,它使字符集的定义更加容易:

    HTML4.01:<metahttp-equiv="content-type"content="text/html;charset=UTF-8">

    HTML5:<metacharset="UTF-8">

    HTML与XHTML之间的差异

    在HTML中<meta>标签没有结束标签。

    在XHTML中<meta>标签必须包含结束标签。

    实例

    实例1-定义文档关键词,用于搜索引擎:

    <metaname="keywords"content="HTML,CSS,XML,XHTML,JavaScript">

    实例2-定义web页面描述:

    <metaname="description"content="FreeWebtutorialsonHTMLandCSS">

    实例3-定义页面作者:

    <metaname="author"content="HegeRefsnes">

    实例4-每30秒刷新页面:

    <metahttp-equiv="refresh"content="30">

感谢各位的阅读!关于“HTML中的<meta>标签怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

推荐阅读:
  1. <meta>标签的作用
  2. html中<meta>标签的应用场景

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:HTML中的<map>标签怎么用

下一篇:PostCSS和cssnext的知识点有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》