META标签的高级编程

HTML语言之META标签 高级使用技巧

2008-09-12 08:58

meta 标签 -- 在head标签中的meta标签,可以为HTML文档提供额外信息 此标签是单独出现的, 此标签只能出现在head标签内. meta的英文翻译为"元" ,meta是metainformation的缩写.
属性:
I18N -- i18n属性
xml:lang -- 国际化属性
content -- content属性
http-equiv -- http-equiv属性
id -- id属性
name -- name属性
scheme -- scheme属性
meta属性主要分为两组:name属性与content属性
name属性用于描述网页,它是以名称/值形式的名称,name属性的值所描述的内容(值)通过content属性表示,便于搜索引擎机器人查找,分类.其中最重要的是description,keywords和robots.
http-equiv属性与content属性
http-equiv属性用于提供HTTP协议的响应头报文(MIME文档头),它是以名称/值形式的名称,http-equiv属性的值所描述的内容(值)通过content属性表示,通常为网页加载前提供给浏览器等设备使用.其中最重要的是content-type charset 提供编码信息,refresh刷新与跳转页面,no-cache 页面缓存,expires网页缓存过期时间.

http-equiv 属性 -- HTTP协议的响应头报文
此属性出现在meta标签中
此属性用于代替name，HTTP服务器通过此属性收集HTTP协议的响应头报文
此属性的HTTP协议的响应头报文的值应使用content属性描述
      提示: 当浏览器等设备接收服务器端传送的文件时，首先会接收文件的相关名称/值对，通常为多个。比如下面的内容：虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档
http-equiv示例：
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
告诉浏览器等设备，文件为html文件，且使用了utf8编码
<meta http-equiv="content-language" content="zh-CN" />
告诉浏览器等设备，语言使用了中文.
常用的http-equiv类型
charset -- charset 定义编码信息
refresh -- refresh 刷新与跳转网页
no-cache -- HTML meta no-cache 定义页面缓存
expires -- HTML meta expires 定义网页缓存过期时间
content-type 属性值 -- 定义文件MIME类型
content-type用于定义用户的浏览器或相关设备如何显示将要加载的数据，或者如何处理将要加载的数据，此属性的值可以查看MIME类型 content-language出现在http-equiv属性中，使用content属性表示页面的MIME类型
content-type语法
Content-Type := type "/" subtype *[";" parameter]
type的常见取值为application audio image message multipart text video
使用http-equiv的content-type可以提供网页的编码信息
charset示例
使用UTF8编码(国际化编码)
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
使用中文gb2312编码
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
下面这些编码方式,比如:中文 GBK ,繁体中文 Big5 ,日文 EUC-JP ,韩文 EUC-KR等,每种语言的编码方式是不同的,所以需要使用charset为网页提供了一种编码方式,否则页面很可能出现乱码.UTF-8 是没有国家的编码,也就是独立于任何一种语言,任何语言都可以使用(梦之都就使用了此编码).提示: 通过浏览器可以查看网页的编码方式: 点击菜单 "查看" -- "字符编码(编码)".
下面是常用的编码示例
Arabic (ISO-8859-6)
Catalan (ISO-8859-1)
Chinese (Simplified) (GB2312)
Chinese (Traditional) (BIG5)
Danish (ISO-8859-1)
Dutch (ISO-8859-1)
English (ISO-8859-1)
Esperanto (ISO-8859-3)
Finnish (ISO-8859-1)
French (ISO-8859-1)
Georgian (UTF-8)
German (ISO-8859-1)
Hebrew (ISO-8859-8-I)
Hungarian (ISO-8859-2)
Irish Gaelic (ISO-8859-1)
Italian (ISO-8859-1)
Japanese (SHIFT_JIS)
Korean (EUC-KR)
Norwegian (Bokm?l) (ISO-8859-1)
Norwegian (Nynorsk) (ISO-8859-1)
Occitan (ISO-8859-1)
Portuguese (Brazil) (ISO-8859-1)
Portuguese (Portugal) (ISO-8859-1)
Romanian (ISO-8859-2)
Russian (ISO-8859-5)
Slovenian (ISO-8859-2)
Spanish (ISO-8859-1)
Swedish (ISO-8859-1)
Yiddish (UTF-8)
content-language 属性值 -- 定义页面语言
content-language用于定义页面所使用的语言代码
content-language出现在http-equiv属性中，使用content属性表示页面的语言以及国家代码
content-language语法
language-code = primary-code ( "-" subcode )*
content-language示例
<meta http-equiv="content-language" content="zh-CN" />
梦之都使用了zh中文语言,CN中国版本
例如：language-code为"en"时,代表English英文,而language-code为"en-US"时,代表the U.S. version of English美国版本的英文.primary-code为语言代码,subcode为国家代码,primary-code两个字母组成常用的有
zh (Chinese)中国
fr (French)法国
de (German)德国
it (Italian)意大利
nl (Dutch)荷兰
el (Greek)希腊
es (Spanish)西班牙
pt (Portuguese)葡萄牙
ar (Arabic)阿拉伯
ru (Russian)俄罗斯
ja (Japanese)日本
refresh 属性值 -- 刷新与跳转(重定向)页面
refresh用于刷新与跳转(重定向)页面
refresh出现在http-equiv属性中，使用content属性表示刷新或跳转的开始时间与跳转的网址
refresh示例
5秒之后刷新本页面:
<meta http-equiv="refresh" content="5" />
5秒之后转到梦之都首页:
<meta http-equiv="refresh" content="5; url=http://www.dreamdu.com/" />
expires 属性值 -- 网页缓存过期时间
expires用于网页缓存过期时间
expires出现在http-equiv属性中，使用content属性表示页面缓存的过期时间
引用网址:http://www.dreamdu.com/xhtml/expires/
expires用于设定网页的过期时间,一旦过期就必须从服务器上重新加载.时间必须
使用GMT格式.
expires示例
<meta http-equiv="expires" content="Sunday 26 October 2008 01:00 GMT"/>
pragma与no-cache 属性值 -- 定义页面缓存
pragma与no-cache用于定义页面缓存
pragma出现在http-equiv属性中，使用content属性的no-cache值表示是否缓存网页
不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.)
meta pragma no-cache示例
<meta http-equiv="pragma" content="no-cache" />
keywords 属性值 -- 定义网页关键词
keywords用于定义网页关键词
keywords出现在name属性中，使用content属性提供网页的关键词
引用网址:http://www.dreamdu.com/xhtml/meta_keywords/
keywords示例
<meta name="keywords" content="HTML XHTML" />
上面示例定义了页面关键词为HTML与XHTML
keywords的使用说明
keywords提供的网页关键词通常是为搜索引擎分类网页使用的；
可以为网页提供多个关键词，多个关键词应该使用空格分开；
不要给网页定义过多的关键词，最好保持在10个以下，过多的关键词，搜索引擎

将忽略；
不要给网页定义与网页描述内容无关的关键词；
由于网页制作者滥用keywords(提供过多的关键词或者提供与网页无关的关键词)

，导致目前常用的搜索引擎降低了keywords的重要性。

 

 

源文章地址：http://hi.baidu.com/hhzch/blog/item/4a09897bb8a2e3f20bd1872a.html