HTML高级教程(6)——HTML 元信息

实例

文档描述
Meta 元素中的信息可以描述 HTML 文档。
<html>

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

<meta name="author"
content="w3school.com.cn">

<meta name="revised"
content="David Yang,8/1/07">
 
<meta name="generator"
content="Dreamweaver 8.0en">

</head>

<body>
<p>本文档的 meta 属性标识了创作者和编辑软件。</p>
</body>

</html>

查看结果:

文档关键字
Meta 元素中的信息可以描述文档的关键词。
<html>

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

<meta name="description"
content="HTML examples">

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

</head>

<body>
<p>本文档的 meta 属性描述了该文档和它的关键词。</p>
</body>

</html>

查看结果:

 

重定向
这个例子演示:在网址已经变更的情况下,将用户重定向到另外一个地址。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Refresh"
content="5;url=../index.htm" tppabs="http://www.w3school.com.cn/">
</head>

<body>
<p>
对不起。我们已经搬家了。您的 URL 是 <a href="../index.htm" tppabs="http://www.w3school.com.cn/">http://www.w3school.com.cn</a>
</p>

<p>您将在 5 秒内被重定向到新的地址。</p>

<p>如果超过 5 秒后您仍然看到本消息,请点击上面的的链接。</p>

</body>
</html>

查看结果:

Meta元素

正如在上一章中我们所解释的,头元素包含着关于文档的概要信息。

HTML 同样包含位于 head 元素内部的 meta 元素。Meta 元素的作用是提供文档的元信息。

大多数情况下,meta 元素用来提供与浏览器或者搜索引擎相关的信息,比方说描述文档的内容等等。

提示:W3C 声明说:某些用户程序支持使用 META 在设定好的几秒钟后来刷新当前的页面,并将之替换为另一个 url。开发人员不应使用此技术强迫用户转到不同的页面,因为这样会使页面的可用性变差。相反,应使用服务器端重定向来进行自动页面定向。

参阅:http://www.w3.org/TR/html4/struct/global.html#adef-http-equiv

 

针对搜索引擎的关键字

某些万维网搜索引擎使用 meta 标签的 name 和 content 属性来索引页面。

这个 Meta 元素定义了对页面的描述:

<meta name="description" 
content="Free Web tutorials on HTML, CSS, XML, and XHTML" />

这个 Meta 元素定义了页面的关键字:

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

name 和 content 属性的作用是描述页面的内容。

然而,由于非常多的网管们使用 meta 标签制造垃圾信息,比方说在页面重复关键词以达到提高排名的目的,一些搜索引擎已经彻底放弃了使用它们。

请阅读我们的 网站构建教程,学习更多关于搜索引擎的知识。

 

陌生的Meta属性

有时你会发现一些对你来说很陌生的 meta 属性,比方说:

<meta name="security" content="low">

其实你只需明白,这些东西对于站点或者开发人员来说具有某种特殊的意义,而也许对你来说没有什么关系。

你也可以在我们的完整的 HTML4.01 标签参考手册 中找到更多有关 meta 标签 的信息。

HTML高级教程(6)——HTML 元信息,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。