meta标签

定义和用法

<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta>标签位于文档的头部，不包含任何内容。 

<meta>标签提供的内容虽然用户不可见，但是却提供了相当重要的网页的元信息。

<meta>标签在HTML4.01 和 HTML5 的不同

在HTML4.01中，字符编码定义：

<meta http-equiv="content-type" content="text/html;charset=utf-8"

在HTML5则这么写字符编码定义：

<meta charset="utf-8">

常见的meta标签

1. 针对搜索引擎的关键字，有助于SEO

<meta name="keywords" content="前端学习 饥人谷">

2. 针对页面的描述，有助于SEO

<meta name="description" content="最有爱的前端学习社区">

3. 针对字符编码的设置

<meta charset="utf-8">

4. 针对浏览器版本选择渲染的设置

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">

5. 针对浏览器定时刷新

<meta name="refresh" content="5">

6. 针对多终端兼容的设置

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