meta标签及使用实例

<meta>标签用来描述一个HTML网页文档属性，如作者、日期和时间、网页描述、关键词、页面刷新等。

有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中，通常都要谈论meta标签的作用。合理利用meta标签的Description和Keywords属性，加入网站的关键字或者网页的关键字，可使网站更加贴近用户体验。

meta标签可分为两大部分：http-equiv和name变量。

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

实例

实例 1 - 定义文档关键词，用于搜索引擎：

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

实例 2 - 定义web页面描述：

<meta name="description" content="Free Web tutorials on HTML and CSS">

实例 3 - 定义页面作者：

<meta name="author" content="May">

实例 4 - 每30秒刷新页面(跳转到你的页面)：

<meta http-equiv="refresh" content="30">

<meta http-equiv="refresh" content="30; url=...">

实例 5- 说明字符集：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta http-equiv="Content-Language" content="zh-CN">

实例 6 - 设定网页的到期时间(GMT时间格式)：

<meta http-equiv="Expires" content=" Mon,12 May 2001 00:20:00 GMT">

实例 7 - 设定禁止浏览器从本地机的缓存中调阅页面内容：

<meta http-equiv="Pragma" content="no-cache">

实例 8 - 网页等级评定(可以防止浏览一些受限制的网站)：

<meta http-equiv="Pics-label" content="">

实例 9 - 强制页面在当前窗口中以独立页面显示（可以防止自己的网页被别的网页当作一个frame调用）：

<meta http-equiv="windows-Target" content="_top">

实例 10 - 设定进入和离开页面时的特殊效果：

<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transition=50)">

<meta http-equiv="Page-Exit" content="revealTrans(duration=10,transition=50)">

参考：https://baike.baidu.com/item/META%E6%A0%87%E7%AD%BE/733434?fr=aladdin