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 h1-h6标签怎么用

Html关于结构语义化的问题

Html中如何创建新元素

Html nav标签怎么用

Html的dl是什么意思

Html中u标签什么意思

Html点击按钮展开菜单的方法实现

详细介绍Html5中的新事件

Html如何实现tab页面切换

Html怎么隐藏p标签

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




打赏

取消

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

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

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

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

评论

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