HTML中的<meta>标签的使用详解

静静的湖畔88 · 发表于 2024-4-20 10:29:50

　　在我们制作的网页中，要是想让它能够让更多的人去访问，最好的方法就是通过搜索引擎来找到你的网址，于是需要你的网页可以有关键词能够让搜索引擎来识别，于是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>标签的使用详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

秦时明月金秋 · 发表于 2024-4-23 16:37:57

你的信息来源是？我想了解更多。

巨蟹狗春 · 发表于 2024-4-24 17:17:42

已测试，非常不错

雪猫扑风影 · 发表于 2024-4-28 20:07:27

666666666666

热情的时光小飞 · 发表于 2024-5-7 09:12:33

看了LZ的帖子，我只想说一句很好很强大！

游戏大妹子呀 · 发表于 2024-6-1 19:53:06

太棒了！感谢分享这个信息！

Cool · 发表于 2024-6-6 03:33:59

同意！

zcy2112235211 · 发表于 2024-6-9 19:18:04

同意你的观点，我们有共鸣。

簡單啝誸freely · 发表于 2024-7-6 18:07:25

我不太确定，可能需要再确认一下。

伟栋他爹 · 发表于 2024-8-4 22:33:40

能给个链接吗？我想深入了解一下。

		自动登录	找回密码
密码			立即注册

HTML中的<meta>标签的使用详解

浏览过的版块