HTML——常见的meta标签的作用

• name
• http-equiv

[name]标签

name和content一起使用，前者表示要表示的元数据的名称，后者是元数据的值。

• author

表示作者的名字。

<meta name="author" content="aaa@mail.abc.com">

• description

一段对网页精简的描述。例如淘宝：

 

• keywords

关键字，有利于SEO。

• viewpoint

移动端适配用，可以设置全局的缩放比例。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

• robots

表示爬虫对本网页爬取时所遵循的规则，用来做搜索引擎抓取。

1. all:搜索引擎将索引此网页，并继续通过此网页的链接索引文件将被检索
2. none:搜索引擎讲忽略此网页
3. index:搜索引擎索引此网页
4. follow:搜索引擎继续通过此网页的链接索引搜索其它的网页

• render

指定双核/多核浏览器的渲染方式，例如360浏览器

<meta name="renderer" content="webkit"> //默认webkit内核
<meta name="renderer" content="ie-comp"> //默认IE兼容模式
<meta name="renderer" content="ie-stand"> //默认IE标准模式

[http-equiv]标签

同样，也是配合content一起使用。

• X-UA-Compatible

这个标签用来做IE浏览器的适配。

IE=edge告诉浏览器，以当前浏览器支持的最新版本来渲染，IE9就以IE9版本来渲染。

chrome=1告诉浏览器，如果当前IE浏览器安装了Google Chrome Frame插件，就以chrome内核来渲染页面。

http头部也有这个属性，和meta中的设置有标签。开发者偏好（meta元素）优先于Web服务器设置（HTTP头）。

• content-type

用来声明文档类型和字符集。比如 text/html; charset=utf-8

• cache-control、Pragma、Expires

声明缓存策略，但是一般不生效，我们通过http headers设置。