​说说你对＜meta＞标签的理解​

Meta标签是 HTML 语言 head 区的一个辅助性标签，它位于HTML文档头部的 head 标记和 title 标记之间，它提供用户不可见的信息。

Meta ： 即 **元数据（Metadata）**是数据的基本信息。

元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。

用我们的大白话来说，它本身是一个没什么用的标签，但是一旦在它内部通过其他属性设置了某些效果，它就起作用了，所以我们称之为“ 元数据 ”。

它内部可填写的属性如下：  

属性	值	描述
charset (HTML5)	character_set	定义文档的字符编码。
content	text	定义与 http-equiv 或 name 属性相关的元信息。
http-equiv	content-type、default-style、refresh	把 content 属性关联到 HTTP 头部。
name	application-name、author、description、generator、keywords	把 content 属性关联到一个名称。
scheme	format/URI	HTML5不支持。 定义用于翻译 content 属性值的格式。

主要是给机器以及爬虫来阅读的。

比较常用的属性有下面几个：

• charset: 在 HTML5 中推荐的用法，一般设为 UTF-8 防止出现乱码。 <meta charset="UTF-8" />
• name 与 content 的搭配使用: <meta name="xxx" content="xxx" />
  • name=viewport: 移动端开发使用的属性，用来设置视窗的宽度，是否允许缩放等。与 Day 10 viewport 常见设置都有哪些？ 相关
  • name=author: 用来设置作者，给 SEO 使用
  • name=description: 页面的描述，在浏览器用作书签时会显示对应的内容
  • name=keywords: 网页的关键字，给 SEO 使用
• http-equiv 与 content 的搭配使用
  • refresh: 允许页面在一定时间后刷新或者重定向到另一个地址