欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

meta有什么作用

程序员文章站 2022-05-27 22:28:54
在html的head标签中,会使用很多的meta标签,例下: 那么这些标签有什么作用呢? 解释 meta,称为元数据。元数据是对数据的描述。可能你会有些疑惑,什么叫做元数据。...
在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组,喜欢的可以访问尝试下。