html <head>标签中<meta>的用法

来源：互联网发布：淘宝众筹推广编辑：程序博客网时间：2024/04/30 22:21

<注>刚开始学习html，菜鸟一枚。看某网页源代码的时候偶遇<meta>标签，在网上查找资料看到这篇好文，收藏留着自用。

在一个网页中meta标签常常被用做网页关键字、网页介绍、作者、网页编码、robots、自动跳转等声明及说明标签。

1、网页显示字符集网页编码

简体中文：

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

中文：

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

繁体中文：

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

英语：

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

2、网页制作者信息

<meta name="author" content="Evance" />

3、网页关键字声明（搜索引擎优化地方）

<meta name="keywords" content="abc,xxx,defg,xyz" />

4、网页简介说明（搜索引擎优化地方）

<meta name="description" content="简介内容如本页div+css教程之meta标签说明-www.divcss5.com" />

5、防止别人在框架里调用你的页面

<meta http-equiv="Window-target" content="_top" />

6、自动跳转（此标签用法可以让网页在多少秒后自动从当前页面跳转到另外一个网页页面或网站）

<meta http-equiv="Refresh" content="5 ; URL=http://www.baidu.com" />

Content后跟值为当前页面在多少时间跳转；
Url值为跳转到具体网页网站

7、网页告诉搜索机器人向导对此网页操作（用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引）

<meta name="robots" content="all" />

content的参数有all,none,index,noindex,follow,nofollow。默认是all。如果在一个页面不加入此标签默认情况下content="all"意思是搜索并收录抓取爬行此网页及此网页指向页面。

搜索引擎：robots取值
none
搜索引擎将忽略此网页，等价于noindex，nofollow。
noindex
搜索引擎不索引此网页。
nofollow
搜索引擎不继续通过此网页的链接索引搜索其它的网页。
all
搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。
index
搜索引擎索引此网页。
follow
搜索引擎继续通过此网页的链接索引搜索其它的网页。
搜索引擎对搜索与收录方法介绍-百度站长工具

说明：根据W3C标准，需要直接用斜杠一个">"结束，如<meta .... ... />构成完整的一个link标签。
文章出处divcss5网站

来源网址：

http://www.divcss5.com.

meta实例图示

0 0