HTML之meta标签

所有浏览器均支持<meta>标签。<meta>元素可以提供有关页面的元信息(meta-information)，比如针对搜索引擎和更新频度的描述和关键词。<meta>标签位于文档的头部，不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。

在HTML中，<meta>标签没有结束标签。在XHTML中，<meta>标签必须正确关闭。

note：<meta>标签永远位于head元素内部。元素总是以名称/值的形式被成对传递的。

必须的属性：

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

可选属性：

属性	值	描述
http-equiv	content-type expires refresh set-cookie	把content属性关联到HTTP头部
name	author description keywords generator revised others	把content属性关联到一个名称
scheme	some_text	定义用于翻译content属性值的格式

（1）content 属性:
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。

（2）name 属性:
name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,可以自由使用对自己和源文档的读者来说富有意义的名称。
比如："keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。

（3）http-equiv 属性：

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。

（4）scheme 属性：

scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="w3school.com.cn">
<meta name="revised" content="David,8/1/07">
<meta name="generator" content="Dreamweaver cs6">
<meta name="description" content="HTML examples">
<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript">
</head>

<body>
<p>本文档的 meta 属性标识了创作者和编辑软件。以及描述了该文档和其关键字</p>
</body>
</html>

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--content属性值 :
     width:可视区域的宽度，值可为数字或关键词device-width
     height:同width
     intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
     maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
     maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
     user-scalable:是否可对页面进行缩放，no 禁止缩放-->

<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!--指定浏览器按某种方式渲染。
X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记，用于为 IE8 指定不同的页面渲染模式，对于ie8之外的浏览器是不识别的。
目前绝大多数网站都用<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：
<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >
但是<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″>仍然是首选。
对于IE=EDGE这意味着，会强制浏览器按照最新的标准去渲染。
-->

猜你喜欢