HTML:META標(biāo)記的使用(風(fēng)云突變整理)
大家在編輯網(wǎng)頁的時(shí)候胆敞,并不一定會(huì)注意到META這個(gè)標(biāo)簽竿秆。在使用FrontPage或Dreamweaver這樣的可視化編輯軟件的時(shí)候軟件都自動(dòng)將該標(biāo)簽設(shè)置好,毋需我們自己動(dòng)手設(shè)置幽钢。所以很多初學(xué)者并不了解該標(biāo)簽的格式和作用。其實(shí)META標(biāo)簽的很多屬性對(duì)于一個(gè)HTML頁面來說是很重要的蕾羊。下面我們就來認(rèn)識(shí)一下這個(gè)標(biāo)簽。
META標(biāo)簽在HEAD區(qū)里龟再。它的主要作用是在瀏覽器解釋一個(gè)HTML頁面前預(yù)先獲得該頁面的一些基本資料和屬性利凑。也就是說,META標(biāo)簽所定義的是和整個(gè)HTML頁面本身有關(guān)的一些操作哀澈。這句話有點(diǎn)抽象,下面我們來理論聯(lián)系實(shí)際膨报∈嗜伲
META語句的語法是:
META
HTTP-EQUIV=response
CONTENT=description
CHARSET=charset
NAME=description
URL=url
HTTP-EQUIV屬性用于指定META語句的性質(zhì)或綁定HTTP的響應(yīng)元素。它與其它屬性配合使用弛矛,可指定主頁所用字符集或通知瀏覽器自動(dòng)刷新(重新加載)內(nèi)容等等汪诉。該屬性規(guī)定META語句其他屬性的含義“羌模
CONTENT應(yīng)根據(jù)HTTP-EQUIV 指定的類型設(shè)置為相應(yīng)的內(nèi)容。如給出指定主頁的關(guān)鍵字或刷新時(shí)刻(或時(shí)間間隔)等迄本】慰ⅲ
CHARSET描述HTML文件所用字符集,應(yīng)與HTTP-EQUIV屬性配合使用于樟。
NAME屬性為主頁的一些描述信息靶橱。
URL指定HTML文件的URL地址传黄。它主要與其它屬性配合队寇,通知瀏覽器到指定時(shí)間應(yīng)加載主頁的URL〖亚玻
語法總是抽象的,我們來通過META的一些應(yīng)用來解釋:
設(shè)置頁面顯示用語言
在一個(gè)最基本的HTML頁面里我們所能見到的META標(biāo)簽有是:
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
該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”∠愫疲 其他的META標(biāo)簽不是必須的,但是其中的一些描述了HTML頁面搜索分類呀非、簡單描述以及一些頁面特效。
設(shè)置頁面關(guān)鍵字和分類
<meta name="KEYWORDS" content="關(guān)鍵字1;關(guān)鍵字2;……;關(guān)鍵字x">
這個(gè)META標(biāo)簽是設(shè)置了該頁面的關(guān)鍵字猖败。一個(gè)頁面可以有多個(gè)關(guān)鍵字降允,幾個(gè)關(guān)鍵字之間用分號(hào)隔開。各種搜索引擎可以通過提取一個(gè)頁面的KEYWORDS屬性來將搜索該頁面的剧董。不過目前很多人利用這個(gè)keywords來作弊,添入大量的和自己頁面無關(guān)的關(guān)鍵詞以提高自己的頁面在搜索引擎里的顯示幾率尉剩,所以當(dāng)前的引擎不僅通過該屬性了解頁面的內(nèi)容毅臊,還通過robot屬性(因?yàn)楫?dāng)前的搜索引擎都是使用機(jī)器人-一種搜索程序來查找分類的):
<meta name="ROBOTS" content="屬性值">
其中屬性值有以下一些:
屬性值為"all": 文件將被檢索,且頁上鏈接可被查詢;
屬性值為"none": 文件不被檢索皂林,而且不查詢頁上的鏈接;
屬性值為"index": 文件將被檢索;
屬性值為"follow": 查詢頁上的鏈接;
屬性值為"noindex": 文件不檢索蚯撩,但可被查詢鏈接;
屬性值為"nofollow": 文件不被檢索,但可查詢頁上的鏈接沟启。
設(shè)置頁面描述和作者
和搜索引擎有關(guān)的META標(biāo)簽還有2個(gè):
<meta name="DESCRIPTION" content="...">
<meta name="AUTHOR" content="...">
第一個(gè)是頁面的簡單描述犹菇,比如寫“xxx的個(gè)人主頁……”什么的。該描述將在搜索引擎的搜索結(jié)果里顯示出來项栏。第二個(gè)是頁面的作者。你可以將自己的大名填上去啦流酬。
自動(dòng)刷新頁面或頁面定時(shí)跳轉(zhuǎn)
利用META標(biāo)簽列另,可以實(shí)現(xiàn)一些簡單的頁面特效。比如定時(shí)刷新摊滔,轉(zhuǎn)向或是各種轉(zhuǎn)換效果。
<meta http-equiv="REFRESH" content="5;URL=http://yourlink">
REFRESH屬性可以讓頁面自動(dòng)刷新呻袭,比如這個(gè)例子里就是讓頁面在5秒后刷新腺兴。如果你將后面的URL設(shè)置成其他頁面,那就變成了自動(dòng)跳轉(zhuǎn)页响。
頁面進(jìn)入和退出的特效
<meta http-equiv="Page-Enter" content="revealTrans(duration=x,transition=y)"> <meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
這個(gè)是頁面被載入和調(diào)出時(shí)的一些特效栈拖。duration表示特效的持續(xù)時(shí)間没陡,以秒為單位。transition表示使用哪種特效染簇,取值為1-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ī)選擇一種
META還有一些比較高級(jí)的屬性强岸,所謂的高級(jí)砾赔,其實(shí)就是平時(shí)不常用到的〖嗣ぃ
不使用頁面緩存
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="wed, 26 Feb 1997 08:21:57 GMT">
這兩個(gè)標(biāo)簽都是讓頁面無法保存到瀏覽器的緩存里专普,也就是說每次載入頁面都要重新從服務(wù)器端下載〗畲郑 其中第二個(gè)標(biāo)簽EXPRIES屬性是設(shè)定了頁面的過期時(shí)間炸渡。上面這個(gè)例子就是當(dāng)你在1997年2月26日8:21以后載入頁面的話當(dāng)前保存在瀏覽器緩存里的原有頁面就失效,需要重新載入蚌堵。
設(shè)定站點(diǎn)內(nèi)容的限制等級(jí)
利用PICS-Label屬性可以設(shè)置你站點(diǎn)頁面的內(nèi)容等級(jí)(RSAC等級(jí)):
<meta http-equiv=″PICS-Label″ content=′(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" on "1997.06.30T14:21-0500" r(n0 s0 v0 l0))'>
RSAC的評(píng)估系統(tǒng)提供了一種用來評(píng)價(jià)Web站點(diǎn)內(nèi)容的標(biāo)準(zhǔn)。用戶可以設(shè)置Microsoft Internet Explorer(IE3.0以上)來排除包含有色情和暴力內(nèi)容的站點(diǎn)督赤。上面這個(gè)例子中的HTML取自Microsoft的主頁。代碼中的(n 0 s 0 v 0 l 0)表示該站點(diǎn)不包含不健康內(nèi)容旁仿。級(jí)別的評(píng)定是由RSAC孽糖,即美國娛樂委員會(huì)的評(píng)級(jí)機(jī)構(gòu)評(píng)定的,如果你需要評(píng)價(jià)自己的網(wǎng)站尘奏,可以連接到網(wǎng)站http://www.rsac.org/病蛉,按要求提交表格.../www.rsac.org/。
強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示
<meta http-equiv="Window-target" content="_top">
這個(gè)屬性是用來防止別人在框架頁里調(diào)用你的頁面俗孝。
看來META標(biāo)簽說重要的確很重要魄健,說不重要,也確實(shí)常常被大家忽略沽瘦。看了這篇文章后良哲,我想你一定對(duì)META有一定的了解了吧助隧? HTML語言看似很容易上手,其實(shí)內(nèi)涵博大精深巍实。尤其是HTML4.0標(biāo)準(zhǔn)橘霎、CSS層疊樣式表和DHTML-動(dòng)態(tài)HTML。充分發(fā)揮現(xiàn)有的屬性和方法姐叁,可以讓你的主頁增色不少洗显!