meta標(biāo)簽的使用(轉(zhuǎn))

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)有的屬性和方法姐叁,可以讓你的主頁增色不少洗显!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末挠唆,一起剝皮案震驚了整個(gè)濱河市嘱吗,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌俄讹,老刑警劉巖绕德,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異踪蹬,居然都是意外死亡臣咖,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門疚漆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蚊惯,“玉大人灵临,你說我怎么就攤上這事』陆梗” “怎么了顿涣?”我有些...
    開封第一講書人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長精堕。 經(jīng)常有香客問我蒲障,道長瘫证,這世上最難降的妖魔是什么庄撮? 我笑而不...
    開封第一講書人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮毡庆,結(jié)果婚禮上烙如,老公的妹妹穿的比我還像新娘。我一直安慰自己乖坠,他們只是感情好刀闷,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著顽分,像睡著了一般施蜜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上翻默,一...
    開封第一講書人閱讀 51,292評(píng)論 1 301
  • 那天修械,我揣著相機(jī)與錄音,去河邊找鬼翘单。 笑死蹦渣,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的柬唯。 我是一名探鬼主播,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼失晴,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了恕酸?” 一聲冷哼從身側(cè)響起胯陋,我...
    開封第一講書人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎义矛,沒想到半個(gè)月后盟萨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡制轰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年垃杖,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了丈屹。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡彩库,死狀恐怖先蒋,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鞭达,我是刑警寧澤皇忿,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布鳍烁,位于F島的核電站叨襟,受9級(jí)特大地震影響幔荒,放射性物質(zhì)發(fā)生泄漏梳玫。R本人自食惡果不足惜右犹,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一念链、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧掂墓,春花似錦、人聲如沸跨嘉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽跳纳。三九已至贪嫂,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間力崇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來泰國打工馍盟, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留茧吊,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓瞄桨,卻偏偏與公主長得像讶踪,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子柱查,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理唉工,服務(wù)發(fā)現(xiàn),斷路器淋硝,智...
    卡卡羅2017閱讀 134,654評(píng)論 18 139
  • 1. meta標(biāo)簽的組成 meta標(biāo)簽共有兩個(gè)屬性奖地,它們分別是http-equiv屬性和name屬性 1. nam...
    Maggie_77閱讀 496評(píng)論 1 1
  • meta ??元素可提供相關(guān)頁面的元信息(meta-information),比如針對(duì)搜索引擎和更新頻度的描述和關(guān)...
    hx永恒之戀閱讀 676評(píng)論 0 2
  • 隨著html5的普及和Web技術(shù)的凈化仰楚,從Windows XP的IE6到IE8犬庇、IE9、IE10捂襟、IE11,Edg...
    波段頂?shù)?/span>閱讀 2,204評(píng)論 1 1
  • 謊言葬荷,是一個(gè)永不過時(shí)的話題,而往往謊言下掩蓋的不僅僅是真相宠漩。它掩蓋的可能是自尊懊直,也有可能是謹(jǐn)慎;可能是惡意室囊,也有可...
    話梅熊閱讀 1,006評(píng)論 0 5