HTML ＜meta＞ 标签

HTML <meta> 标签

1 基本介绍

1.1 浏览器支持

  所有浏览器都支持 <meta> 标签。

1.2 定义和用法

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

  <meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。需注意的是<meta> 标签永远位于 head 元素内部。

<!-- 
	使用meta标签设置网页的关键字
-->
<meta name="keywords" content="HTML,javvaScript" >
<!-- 
	使用meta标签设置网页的描述
	搜索引擎在检索页面时，回同时检索页面中的关键字和描述，但这两个值不会影响页面在搜索引擎中的排名
-->
<meta name="description" content="这里是网页的描述信息">

1.3 HTML 与 XHTML 之间的差异

  在 HTML 中，<meta> 标签没有结束标签。

  在 XHTML 中，<meta> 标签必须被正确地关闭。

 

2 属性

2.1 必需的属性

属性	值	描述
content	some_text	定义与 http-equiv 或 name 属性相关的元信息

2.2 可选的属性

属性	值	描述
charsetNew	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 属性值的格式。

2.3 说明

<!-- 
  在 HTML 5 中，有一个新的 charset 属性，它使字符集的定义更加容易。在 HTML 4.01 中，不得不这么写：
-->
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<!-- 
  在 HTML 5 中，这样就够了：
-->
<meta charset="ISO-8859-1">

 每3后秒刷新页面

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

3秒后重定向到指定页面

<!-- 
	3秒后重定向到指定页面，语法 <meta http-equiv="refresh" content="时间/(单位：秒),url=重定向路径可以是相对也可是是绝对（绝对：http://www.baidu.com）" >
-->
<meta http-equiv="refresh" content="3,url=http://www.baidu.com" >