對(duì)于META標(biāo)簽的相關(guān)認(rèn)識(shí)
作者： 來源： 發(fā)布時(shí)間：2011-5-26 9:35:59 點(diǎn)擊：
接下來跟大家一起來完全理解一下META標(biāo)簽，希望對(duì)正在學(xué)網(wǎng)頁設(shè)計(jì)方面的朋友有用。
META標(biāo)簽是HTML語言HEAD區(qū)的一個(gè)輔助性標(biāo)簽，它位于HTML文檔頭部的<HEAD>標(biāo)記和<TITLE>標(biāo)記之間，它提供用戶不可見的信息。meta標(biāo)簽通常用來為搜索引擎robots定義頁面主題，或者是定義用戶瀏覽器上的cookie；它可以用于鑒別作者，設(shè)定頁面格式，標(biāo)注內(nèi)容提要和關(guān)鍵字；還可以設(shè)置頁面使其可以根據(jù)你定義的時(shí)間間隔刷新自己，以及設(shè)置RASC內(nèi)容等級(jí)，等等。
詳細(xì)介紹
下面介紹一些有關(guān) 標(biāo)記的例子及解釋。
META標(biāo)簽分兩大部分：HTTP標(biāo)題信息HTTP-EQUIV和頁面描述信息NAME。
★HTTP-EQUIV
HTTP-EQUIV類似于HTTP的頭部協(xié)議，它回應(yīng)給瀏覽器一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容。常用的HTTP-EQUIV類型有：
1、Content-Type和Content-Language 顯示字符集的設(shè)定
說明：設(shè)定頁面使用的字符集，用以說明主頁制作所使用的文字已經(jīng)語言，瀏覽器會(huì)根據(jù)此來調(diào)用相應(yīng)的字符集顯示page內(nèi)容。
用法：<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
<Meta http-equiv="Content-Language" Content="zh-CN">
注意： 該META標(biāo)簽定義了HTML頁面所使用的字符集為GB2132，就是國標(biāo)漢字碼。如果將其中的“charset=GB2312”替換成“BIG5”，則該頁面所用的字符集就是繁體中文Big5碼。當(dāng)你瀏覽一些國外的站點(diǎn)時(shí)，IE瀏覽器會(huì)提示你要正確顯示該頁面需要下載xx語支持。這個(gè)功能就是通過讀取HTML頁面META標(biāo)簽的Content-Type屬性而得知需要使用哪種字符集顯示該頁面的。如果系統(tǒng)里沒有裝相應(yīng)的字符集，則IE就提示下載。其他的語言也對(duì)應(yīng)不同的charset，比如日文的字符集是“iso-2022-jp ”，韓文的是“ks_c_5601”。
Content-Type的Content還可以是：text/xml等文檔類型；
Charset選項(xiàng)：ISO-8859-1英文、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；Content-Language的Content還可以是：EN、FR等語言代碼。
2、Refresh 刷新
說明：讓網(wǎng)頁多長時(shí)間（秒）刷新自己，或在多長時(shí)間后讓網(wǎng)頁自動(dòng)鏈接到其它網(wǎng)頁。
用法：<Meta http-equiv="Refresh" Content="30">
<Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">
注意：其中的5是指停留5秒鐘后自動(dòng)刷新到URL網(wǎng)址。
3、Expires 期限
說明：指定網(wǎng)頁在緩存中的過期時(shí)間，一旦網(wǎng)頁過期，必須到服務(wù)器上重新調(diào)閱。
用法：<Meta http-equiv="Expires" Content="0">
<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
注意：必須使用GMT的時(shí)間格式，或直接設(shè)為0數(shù)字表示多少時(shí)間后過期。
4、Pragma cach模式
說明：禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容。
用法：<Meta http-equiv="Pragma" Content="No-cach">
注意：網(wǎng)頁不保存在緩存中，每次訪問都刷新頁面。這樣設(shè)定，訪問者將無法脫機(jī)瀏覽。
5、Set-Cookie cookie設(shè)定
說明：瀏覽器訪問某個(gè)頁面時(shí)會(huì)將它存在緩存中，下次再次訪問時(shí)就可從緩存中讀取，以提高速度。當(dāng)你希望訪問者每次都刷新你廣告的圖標(biāo)，或每次都刷新你的計(jì)數(shù)器，就要禁用緩存了。通常HTML文件沒有必要禁用緩存，對(duì)于ASP等頁面，就可以使用禁用緩存，因?yàn)槊看慰吹降捻撁娑际窃诜⻊?wù)器動(dòng)態(tài)生成的，緩存就失去意義。如果網(wǎng)頁過期，那么存盤的cookie將被刪除。
用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
21-Oct-98 16:14:21 GMT; path=/">
注意：必須使用GMT的時(shí)間格式。
6、Window-target 顯示窗口的設(shè)定
說明：強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示。
用法：<Meta http-equiv="Widow-target" Content="_top">
注意：這個(gè)屬性是用來防止別人在框架里調(diào)用你的頁面。Content選項(xiàng)：_blank、_top、_self、_parent。
7、Pics-label 網(wǎng)頁RSAC等級(jí)評(píng)定
說明：在IE的Internet選項(xiàng)中有一項(xiàng)內(nèi)容設(shè)置，可以防止瀏覽一些受限制的網(wǎng)站，而網(wǎng)站的限制級(jí)
別就是通過該參數(shù)來設(shè)置的。
用法：<META http-equiv="Pics-label" Contect=
"PICS－1.1'http://www.rsac.org/ratingsv01.html'
I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'
for 'http://www.microsoft.com' Content="blendTransDuration=0.5">
<Meta http-equiv="Page-Exit" Content="blendTransDuration=0.5">
注意：blendTrans是動(dòng)態(tài)濾鏡的一種，產(chǎn)生漸隱效果。另一種動(dòng)態(tài)濾鏡RevealTrans也可以用于頁面進(jìn)入與退出效果:
<Meta http-equiv="Page-Enter" Content="revealTransduration=x, transition=y">
<Meta http-equiv="Page-Exit" Content="revealTransduration=x, transition=y">
Duration 表示濾鏡特效的持續(xù)時(shí)間單位：秒
Transition 濾鏡類型。表示使用哪種特效，取值為0-23。
0 矩形縮小
1 矩形擴(kuò)大
2 圓形縮小
3 圓形擴(kuò)大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯(cuò)位橫百葉窗
11 錯(cuò)位豎百葉窗
12 點(diǎn)擴(kuò)散
13 左右到中間刷新
14 中間到左右刷新
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機(jī)選擇一種
9、MSThemeCompatible XP主題
說明：是否在IE中關(guān)閉 xp 的主題
用法：<Meta http-equiv="MSThemeCompatible" Content="Yes">
注意：關(guān)閉 xp 的藍(lán)色立體按鈕系統(tǒng)顯示樣式，從而和win2k 很象。
10、IE6 頁面生成器
說明：頁面生成器generator，是ie6
用法：<Meta http-equiv="IE6" Content="Generator">
注意：用什么東西做的，類似商品出廠廠商。
11、Content-Script-Type 腳本相關(guān)
說明：這是近來W3C的規(guī)范，指明頁面中腳本的類型。
用法：<Meta http-equiv="Content-Script-Type" Content="text/javascript">
注意：
★NAME變量
name是描述網(wǎng)頁的，對(duì)應(yīng)于Content（網(wǎng)頁內(nèi)容），以便于搜索引擎機(jī)器人查找、分類（目前幾乎所有的搜索引擎都使用網(wǎng)上機(jī)器人自動(dòng)查找meta值來給網(wǎng)頁分類）。
name的value值（name=""）指定所提供信息的類型。有些值是已經(jīng)定義好的。例如description說明、keyword關(guān)鍵字、refresh刷新等。還可以指定其他任意值，如：creationdate創(chuàng)建日期 、
document ID文檔編號(hào)和level等級(jí)等。
name的content指定實(shí)際內(nèi)容。如：如果指定level等級(jí)為value值，則Content可能是beginner初級(jí)、intermediate中級(jí)、advanced高級(jí)。
1、Keywords 關(guān)鍵字
說明：為搜索引擎提供的關(guān)鍵字列表
用法：<Meta name="Keywords" Content="關(guān)鍵詞1,關(guān)鍵詞2，關(guān)鍵詞3,關(guān)鍵詞4,……">
注意：各關(guān)鍵詞間用英文逗號(hào)“,”隔開。
詳細(xì)介紹
下面介紹一些有關(guān) 標(biāo)記的例子及解釋。
META標(biāo)簽分兩大部分：HTTP標(biāo)題信息HTTP-EQUIV和頁面描述信息NAME。
★HTTP-EQUIV
HTTP-EQUIV類似于HTTP的頭部協(xié)議，它回應(yīng)給瀏覽器一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容。常用的HTTP-EQUIV類型有：
1、Content-Type和Content-Language 顯示字符集的設(shè)定
說明：設(shè)定頁面使用的字符集，用以說明主頁制作所使用的文字已經(jīng)語言，瀏覽器會(huì)根據(jù)此來調(diào)用相應(yīng)的字符集顯示page內(nèi)容。
用法：<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
<Meta http-equiv="Content-Language" Content="zh-CN">
注意： 該META標(biāo)簽定義了HTML頁面所使用的字符集為GB2132，就是國標(biāo)漢字碼。如果將其中的“charset=GB2312”替換成“BIG5”，則該頁面所用的字符集就是繁體中文Big5碼。當(dāng)你瀏覽一些國外的站點(diǎn)時(shí)，IE瀏覽器會(huì)提示你要正確顯示該頁面需要下載xx語支持。這個(gè)功能就是通過讀取HTML頁面META標(biāo)簽的Content-Type屬性而得知需要使用哪種字符集顯示該頁面的。如果系統(tǒng)里沒有裝相應(yīng)的字符集，則IE就提示下載。其他的語言也對(duì)應(yīng)不同的charset，比如日文的字符集是“iso-2022-jp ”，韓文的是“ks_c_5601”。
Content-Type的Content還可以是：text/xml等文檔類型；
Charset選項(xiàng)：ISO-8859-1英文、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；Content-Language的Content還可以是：EN、FR等語言代碼。
2、Refresh 刷新
說明：讓網(wǎng)頁多長時(shí)間（秒）刷新自己，或在多長時(shí)間后讓網(wǎng)頁自動(dòng)鏈接到其它網(wǎng)頁。
用法：<Meta http-equiv="Refresh" Content="30">
<Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">
注意：其中的5是指停留5秒鐘后自動(dòng)刷新到URL網(wǎng)址。
3、Expires 期限
說明：指定網(wǎng)頁在緩存中的過期時(shí)間，一旦網(wǎng)頁過期，必須到服務(wù)器上重新調(diào)閱。
用法：<Meta http-equiv="Expires" Content="0">
<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
注意：必須使用GMT的時(shí)間格式，或直接設(shè)為0數(shù)字表示多少時(shí)間后過期。
4、Pragma cach模式
說明：禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容。
用法：<Meta http-equiv="Pragma" Content="No-cach">
注意：網(wǎng)頁不保存在緩存中，每次訪問都刷新頁面。這樣設(shè)定，訪問者將無法脫機(jī)瀏覽。
5、Set-Cookie cookie設(shè)定
說明：瀏覽器訪問某個(gè)頁面時(shí)會(huì)將它存在緩存中，下次再次訪問時(shí)就可從緩存中讀取，以提高速度。當(dāng)你希望訪問者每次都刷新你廣告的圖標(biāo)，或每次都刷新你的計(jì)數(shù)器，就要禁用緩存了。通常HTML文件沒有必要禁用緩存，對(duì)于ASP等頁面，就可以使用禁用緩存，因?yàn)槊看慰吹降捻撁娑际窃诜⻊?wù)器動(dòng)態(tài)生成的，緩存就失去意義。如果網(wǎng)頁過期，那么存盤的cookie將被刪除。
用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
21-Oct-98 16:14:21 GMT; path=/">
注意：必須使用GMT的時(shí)間格式。
6、Window-target 顯示窗口的設(shè)定
說明：強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示。
用法：<Meta http-equiv="Widow-target" Content="_top">
注意：這個(gè)屬性是用來防止別人在框架里調(diào)用你的頁面。Content選項(xiàng)：_blank、_top、_self、_parent。
7、Pics-label 網(wǎng)頁RSAC等級(jí)評(píng)定
說明：在IE的Internet選項(xiàng)中有一項(xiàng)內(nèi)容設(shè)置，可以防止瀏覽一些受限制的網(wǎng)站，而網(wǎng)站的限制級(jí)
別就是通過該參數(shù)來設(shè)置的。
用法：<META http-equiv="Pics-label" Contect=
"PICS－1.1'http://www.rsac.org/ratingsv01.html'
I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'
for 'http://www.microsoft.com' Content="blendTransDuration=0.5">
<Meta http-equiv="Page-Exit" Content="blendTransDuration=0.5">
注意：blendTrans是動(dòng)態(tài)濾鏡的一種，產(chǎn)生漸隱效果。另一種動(dòng)態(tài)濾鏡RevealTrans也可以用于頁面進(jìn)入與退出效果:
<Meta http-equiv="Page-Enter" Content="revealTransduration=x, transition=y">
<Meta http-equiv="Page-Exit" Content="revealTransduration=x, transition=y">
Duration 表示濾鏡特效的持續(xù)時(shí)間單位：秒
Transition 濾鏡類型。表示使用哪種特效，取值為0-23。
0 矩形縮小
1 矩形擴(kuò)大
2 圓形縮小
3 圓形擴(kuò)大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯(cuò)位橫百葉窗
11 錯(cuò)位豎百葉窗
12 點(diǎn)擴(kuò)散
13 左右到中間刷新
14 中間到左右刷新
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機(jī)選擇一種
9、MSThemeCompatible XP主題
說明：是否在IE中關(guān)閉 xp 的主題
用法：<Meta http-equiv="MSThemeCompatible" Content="Yes">
注意：關(guān)閉 xp 的藍(lán)色立體按鈕系統(tǒng)顯示樣式，從而和win2k 很象。
10、IE6 頁面生成器
說明：頁面生成器generator，是ie6
用法：<Meta http-equiv="IE6" Content="Generator">
注意：用什么東西做的，類似商品出廠廠商。
11、Content-Script-Type 腳本相關(guān)
說明：這是近來W3C的規(guī)范，指明頁面中腳本的類型。
用法：<Meta http-equiv="Content-Script-Type" Content="text/javascript">
注意：
★NAME變量
name是描述網(wǎng)頁的，對(duì)應(yīng)于Content（網(wǎng)頁內(nèi)容），以便于搜索引擎機(jī)器人查找、分類（目前幾乎所有的搜索引擎都使用網(wǎng)上機(jī)器人自動(dòng)查找meta值來給網(wǎng)頁分類）。
name的value值（name=""）指定所提供信息的類型。有些值是已經(jīng)定義好的。例如description說明、keyword關(guān)鍵字、refresh刷新等。還可以指定其他任意值，如：creationdate創(chuàng)建日期 、
document ID文檔編號(hào)和level等級(jí)等。
name的content指定實(shí)際內(nèi)容。如：如果指定level等級(jí)為value值，則Content可能是beginner初級(jí)、intermediate中級(jí)、advanced高級(jí)。
1、Keywords 關(guān)鍵字
說明：為搜索引擎提供的關(guān)鍵字列表
用法：<Meta name="Keywords" Content="關(guān)鍵詞1,關(guān)鍵詞2，關(guān)鍵詞3,關(guān)鍵詞4,……">
注意：各關(guān)鍵詞間用英文逗號(hào)“,”隔開。
[收藏此文章]
