HTML中的<meta>标签的使用详解
我要评论在我们制作的网页中，要是想让它能够让更多的人去访问，最好的方法就是通过搜索引擎来找到你的网址，于是需要你的网页可以有关键词能够让搜索引擎来识别，于是HTML中的<meta>标签就是这个功能，将这个页面的关键信息写入去，让搜索引擎能够去识别，那么接下来就说一下<meta>如何去使用：
<head> <title>mate</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> </head>
1.属性的使用
这个是一个简单的实例，这个标签是写在<head>中，不会被用户看到，这个是更具自己的需求来看是否要这些功能，标签的属性主要有http-equiv和name。
http-equiv就像http的头文件，可以向浏览器发送一些有用的信息，帮助更好得显示自己想要的内容，http-equiv属性的值可以有content-type、expires、refresh等等。
name该属性主要用于描述网页。name属性的值可以有：author、description、keywords、generator等等。
2.name属性的应用
name的使用可以看上面的列子，比如keywords和description，关键词和描述的使用，因为按照搜索引擎的工作原理，搜索引擎会首先排除机器人自动检索页面中的keywords和description，并将其加入自己的数据库，然后根据关键词的密度将网站排序，所以这两个属性很重要
注意：keywords的content内容要限制在36个字。
description的content内容要限制在76个字。
这俩个需要配合使用
总结
以上所述是小编给大家介绍的HTML中的<meta>标签的使用详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了HTML常用meta大全(推荐)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-30- 不知道有没有人觉得，html的meta标签描述的头部信息特别多，下面这篇文章主要给大家分享介绍了关于移动端专用的meta设置的相关资料，文中通过示例代码介绍的非常详细，需要2018-09-04
- <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。这篇文章给大家介绍了html中meta标签及用法详解，感兴趣的朋2018-02-23
HTML标签meta总结,HTML5 head meta 属性整理
移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签,需要的朋友可以参考下2017-06-29
dreamweaver cs5不写写代码怎么添加meta标签?
dreamweaver cs5不写写代码怎么添加meta标签？dreamweaver想要添加meta标签，但是不想写代码，该怎么办呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-04-11- 本文给大家介绍了html5中各种头部meta标签功能小结，非常不错，具有参考借鉴价值，需要的的朋友参考下2017-03-13
- 这篇文章主要介绍了HTML中meta标签及Keywords的相关资料,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-04-15
最新评论