定义

<meta> 标签用于描述页面内容，关键词，作者，最新修订时间以及其它元信息。

<meta> 标签的内容不会显示在网页中，但经常被机器（比如网页爬虫）解析。

元信息可以被浏览器（指导它如何加载和显示页面）所使用，也可以有利于搜索引擎收录页面（指定关键词）。

HTML5 通过 <meta> 标签引入一个新的方法，让网页尺寸实现自适应。

注意

<meta> 标签永远位于 <head> 标签内部。

content 属性必须和 name 或 http-equiv 属性共存亡。

为了让网页尺寸实现自适应，你应该在 HTML 文档中加入下面代码：

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

属性	值	描述
charset	character_set	指定 HTML 文档的编码。
content	text	指定与 `http-equiv` 或 `name` 属性相关的值。
http-equiv	content-type、default-style、refresh	content-type：另一种声明 HTML 文档作用字符编码的方法（`<meta http-equiv="content-type" content="text/html charset=UTF-8">`）。 default-style：指定页面优先使用的样式表。 refresh：以秒为单位指定一个时间间隔，在此时间过去之后将从服务器重新载入当前页面。也可以另行指定一个 URL 让浏览器载入。
name	application-name、author、description、generator、keywords、viewport	application-name：当前页所属 Web 应用系统的名称。 author：当前页的作者名。 description：当前页的内容描述。 generator：用来生成 HTML 的软件名称。 keywords：当前页的关键词。 viewport：网页尺寸自适应。

实例一：指定网页编码

<meta charset="UTF-8">

实例二：为搜索引擎提供关键词

<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">

实例三：描述网页内容

<meta name="description" content="《零基础入门学习Web开发》案例演示">

实例四：定义网页的作者

<meta name="author" content="小甲鱼">

实例五：设置网页尺寸自适应

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

实例六：每 5 秒刷新一下浏览器并跳转到指定页面

<meta http-equiv="refresh" content="5;http://bbs.fishc.com">