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


本文摘自PHP中文网,作者不言,侵删。

这篇文章主要介绍了HTML中的<meta>标签的使用,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

  在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTML中的<meta>标签就是这个功能,将这个页面的关键信息写入去,让搜索引擎能够去识别,那么接下来就说一下<meta>如何去使用:

1

2

3

4

5

6

7

8

9

<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里table表数据如何转为json格式

Html中meta标签及用法详解

Html文件怎么弄注释

Html中<p>和<br>的区别是什么

怎么给Html设置背景色

Html怎么去掉超链接的下划线

Html下拉菜单怎么做?Html下拉菜单的代码实例介绍

Html网页代码怎么查看

Html hr标签怎么用

Html5与Html的区别有哪些

更多相关阅读请进入《Html》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...