meta有什么作用

Yangder 发布于2019-08-23 14:57 / 1730人阅读

摘要：在的标签中，会使用很多的标签，例下编程前端极客那么这些标签有什么作用呢解释，称为元数据。可能你会有些疑惑，什么叫做元数据。

在html的head标签中，会使用很多的meta标签，例下：


  
  
  
  
  
  
  
  
  Document

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

解释

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组，喜欢的可以访问尝试下。如使用一个之前博客的，生成的meta组如下


Vue组件三-Slot分发内容

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101400.html

meta有什么作用

摘要：在的标签中，会使用很多的标签，例下编程前端极客那么这些标签有什么作用呢解释，称为元数据。可能你会有些疑惑，什么叫做元数据。在html的head标签中，会使用很多的meta标签，例下： Document 那么这些标签有什么作用呢？解释 meta，称为元数据。元数据是对数据的描述。可能你会有些疑惑，什么叫做元数据。举个例子，以...

Jokcy 2019-08-02 14:10 评论0 收藏0
HTML中的meta的属性作用

摘要：参数，代表说明网站的采用的什么软件制作。的信息参数，表示说明此网站的版权信息。设置显示窗口的默认设定强制改变页面在当前窗口的显示方式为独立显示，可以用来防止别人在框架里调用自己的页面。在写前端页面时，常常忽略meta标签的作业，只是习惯性的粘贴常用的一些代码，很多不明白meta还有其他很多用法，下面是我整理的一部分。meta标签的组成：meta标签原本有两个属性，它们分别是http-...

shadajin 2019-08-01 17:51 评论0 收藏0