当前位置: 移动技术网 > IT编程>网页制作>CSS > meta有什么作用

meta有什么作用

2019年02月03日  | 移动技术网IT编程  | 我要评论

房屋转让协议,哈票网江门,易淘美眉

在html的head标签中,会使用很多的meta标签,例下:

那么这些标签有什么作用呢?

解释

meta,称为元数据。元数据是对数据的描述。可能你会有些疑惑,什么叫做元数据。举个例子,以前在背单词的时候,在单词表上只会有"hello: 你好",以及音标信息,还会有一段对hello的解释,而这段解释可以理解为元数据,即描述数据的数据。

html,本身是描述信息的数据,而mata就是对整个html文件信息的描述。

在mata中,常见的有两种格式

meta使用k,v的结构,在content中是对name的一个详细描述,比如name="keywords",content是说明当前的html中是, 前端, 极客, call, apply, bind关键字的描述。比如name="viewport",主要是应用于移动设备,决定当前页面的一个锚,所有的element的像素布局相当于这个viewport定义的大小。

而http-equiv是则是http的传输相关,如上的cache-control,当前页面使用content中对应策略,no-cache不使用客户端的缓存。

meta和seo

因为meta是对当前页面的内容的精简描述,所有有利于seo,比如在meta中设置了keywords,description等,搜索引擎会放出"蜘蛛",去抓取页面中的"关键信息",然后放到搜索引擎的服务中,所有设置合适的meta有利于搜索引擎优化

使用第三方的服务,生成meta组

如果你不知道应该有一个什么样的meta标签组,可以使用该网站hey meta,你只需要输入如description,keywords等信息,它会生成专门针对google,facebook,twitter的meta组,喜欢的可以访问尝试下。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网