認(rèn)識(shí)Meta標(biāo)簽

1. meta標(biāo)簽的組成

meta標(biāo)簽共有兩個(gè)屬性违施,它們分別是http-equiv屬性name屬性

1. name屬性

name屬性主要用于描述網(wǎng)頁(yè)染簇,與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的匈仗」┭祝  
語(yǔ)法:<meta name="參數(shù)" content="具體的參數(shù)值"> ,主要參數(shù):  
A娩贷、Keywords(關(guān)鍵字):告訴搜索引擎網(wǎng)頁(yè)的關(guān)鍵字是什么第晰。  
舉例:<meta name ="keywords" content="science,education,culture,politics,ecnomics彬祖,relationships, entertaiment, human">  
B、description(網(wǎng)站內(nèi)容描述):告訴搜索引擎網(wǎng)站主要內(nèi)容品抽〈⑿Γ  
舉例:<meta name="description" content="This page is about the meaning of science, education,culture.">  
C、robots(機(jī)器人向?qū)?:告訴搜索機(jī)器人哪些頁(yè)面需要索引圆恤,哪些頁(yè)面不需要索引突倍。content的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all盆昙∮鹄  
舉例:<meta name="robots" content="none">  
D、author(作者):標(biāo)注網(wǎng)頁(yè)的作者  
舉例:<meta name="author" content="root,root@21cn.com">

2. http-equiv屬性

http-equiv顧名思義淡喜,相當(dāng)于http的文件頭作用秕磷,它向?yàn)g覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容炼团,與之對(duì)應(yīng)的屬性值為content澎嚣,content中的內(nèi)容是各個(gè)參數(shù)的變量值。
語(yǔ)法:<meta http-equiv="參數(shù)" content="參數(shù)變量值"> 瘟芝;主要參數(shù):
A易桃、Expires(期限):可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期锌俱,必須到服務(wù)器上重新傳輸晤郑。  
用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意:必須使用GMT的時(shí)間格式贸宏≡烨蓿  
B、Pragma(cache模式):禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問頁(yè)面內(nèi)容锚赤∑ノ瑁  
用法:<meta http-equiv="Pragma" content="no-cache">
注意:這樣設(shè)定,訪問者將無(wú)法脫機(jī)瀏覽线脚〈突  
C叫榕、Refresh(刷新):自動(dòng)刷新并指向新頁(yè)面℃⒍妫  
用法:<meta http-equiv="Refresh" content="2;URL="http://www.root.net">  
注意:其中的2是指停留2秒鐘后自動(dòng)刷新到URL網(wǎng)址晰绎。  
D括丁、Set-Cookie(cookie設(shè)定):如果網(wǎng)頁(yè)過(guò)期荞下,那么存盤的cookie將被刪除∈贩桑  
用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT;path=/">  
注意:必須使用GMT的時(shí)間格式尖昏。  
E构资、Window-target(顯示窗口的設(shè)定):強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示抽诉。  
用法:<meta http-equiv="Window-target" content="_top">  
注意:用來(lái)防止別人在框架里調(diào)用自己的頁(yè)面吐绵〖L剩  
F、content-Type(顯示字符集的設(shè)定):設(shè)定頁(yè)面使用的字符集己单“η裕  
用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">

2. meta標(biāo)簽的功能

1. 幫助主頁(yè)被各大搜索引擎登錄  meta標(biāo)簽的一個(gè)很重要的功能就是設(shè)置關(guān)鍵字,來(lái)幫助你的主頁(yè)被各大搜索引擎登錄纹笼, 提高網(wǎng)站的訪問量纹份。在這個(gè)功能中,最重要的就是對(duì)Keywords和description的設(shè)置允乐。因?yàn)榘凑账阉饕娴墓ぷ髟?:搜索引擎首先派出機(jī)器 人自動(dòng)檢索頁(yè)面中的keywords和description矮嫉,并將其加入到自己的數(shù)據(jù)庫(kù),然后再根據(jù)關(guān)鍵詞的密度將網(wǎng)站排序牍疏。因此蠢笋,我們必須設(shè)置好關(guān)鍵字,來(lái)提高頁(yè)面的搜索點(diǎn)擊率鳞陨。下面我們來(lái)舉一個(gè)例子供大家參考:
<meta name="keywords" content="政治,經(jīng)濟(jì), 科技,文化, 衛(wèi)生, 情感昨寞,心靈,娛樂厦滤,生活援岩,社會(huì),企業(yè)掏导,交通">  
<meta name="description" content="政治,經(jīng)濟(jì), 科技,文化, 衛(wèi)生, 情感享怀,心靈,娛樂趟咆,生活添瓷,社會(huì)梅屉,企業(yè),交通">  
設(shè)置好這些關(guān)鍵字后鳞贷,搜索引擎將會(huì)自動(dòng)把這些關(guān)鍵字添加到數(shù)據(jù)庫(kù)中坯汤,并根據(jù)這些關(guān)鍵字的密度來(lái)進(jìn)行合適的排序〔罄ⅲ  
2. 定義頁(yè)面的使用語(yǔ)言   這是meta標(biāo)簽最常見的功能,在制作網(wǎng)頁(yè)時(shí),我們?cè)诩僅TML代碼下都會(huì)看到它,它起的作用是定義你網(wǎng)頁(yè)的語(yǔ)言,當(dāng)瀏覽者訪問你的網(wǎng)頁(yè)時(shí),瀏覽器會(huì)自 動(dòng)識(shí)別并設(shè)置網(wǎng)頁(yè)中的語(yǔ)言,如果你網(wǎng)頁(yè)設(shè)置的是GB碼,而瀏覽者沒有安裝GB碼,這時(shí)網(wǎng)頁(yè)只會(huì)呈現(xiàn)瀏覽者所設(shè)置的瀏覽器默認(rèn)語(yǔ)言惰聂。同樣的,如果該網(wǎng)頁(yè)是英 語(yǔ),那么charset=en。下面就是一個(gè)具有代表性的例子:  
<meta http-equiv=″content-Type″ content=″text/html; charset=gb2312″>  
該代碼就表示將網(wǎng)頁(yè)的語(yǔ)言設(shè)置成國(guó)標(biāo)碼咱筛〈昊希  
3. 自動(dòng)刷新并指向新的頁(yè)面  如果你想使您的網(wǎng)頁(yè)在無(wú)人控制的情況下,能自動(dòng)在指定的時(shí)間內(nèi)去訪問指定的網(wǎng)頁(yè)眷蚓,就可以使用meta標(biāo)簽的自動(dòng)刷新網(wǎng)頁(yè)的功能鼻种。下面我們來(lái)看一段代碼:  
<meta http-equiv=″refresh″ content=″2; URL=http://blog.sina.com.cn/s/articlelist_1842736075_11_2.html″>
這段代碼可以使當(dāng)前某一個(gè)網(wǎng)頁(yè)在2秒后自動(dòng)轉(zhuǎn)到http://blog.sina.com.cn/s/articlelist_1842736075_11_2.html頁(yè)面中去,這就是meta的刷新作用,在content中,2代表設(shè)置的時(shí)間(單位為秒),而URL就是在指定的時(shí)間后自動(dòng)連接的網(wǎng)頁(yè)地址∩橙龋  
3. 實(shí)現(xiàn)網(wǎng)頁(yè)轉(zhuǎn)換時(shí)的動(dòng)畫效果  使用meta標(biāo)簽,我們還可以在進(jìn)入網(wǎng)頁(yè)或者離開網(wǎng)頁(yè)的一剎那實(shí)現(xiàn)動(dòng)畫效果罢缸,我們只要在頁(yè)面的html代碼中的<head></head>標(biāo)簽之間添加如下代碼就可以了:  
<meta http-equiv="Page-Enter" content="revealTrans(duration=5.0, transition=20)">  
<meta http-equiv="Page-Exit" content="revealTrans(duration=5.0, transition=20)">  
一旦上述代碼被加到一個(gè)網(wǎng)頁(yè)中后篙贸,我們?cè)龠M(jìn)出頁(yè)面時(shí)就會(huì)看到一些特殊效果,這個(gè)功能其實(shí)與FrontPage2000中的Format/Page Transition一樣枫疆,但我們要注意的是所加網(wǎng)頁(yè)不能是一個(gè)Frame頁(yè);  
5. 網(wǎng)頁(yè)定級(jí)評(píng)價(jià)   IE4.0以上版本的瀏覽器可以防止瀏覽一些受限制的網(wǎng)站,而之所以瀏覽器會(huì)自動(dòng)識(shí)別某些網(wǎng)站是否受限制,就是因?yàn)樵诰W(wǎng)站meta標(biāo)簽中已經(jīng)設(shè)置好了該 網(wǎng)站的級(jí)別,而該級(jí)別的評(píng)定是由美國(guó)RSAC,即娛樂委員會(huì)的評(píng)級(jí)機(jī)構(gòu)評(píng)定的,如果你需要評(píng)價(jià)自己的網(wǎng)站,可以連接到網(wǎng)站http://www.020webseo.com/,按要求提交表格,那么RSAC會(huì)提供一段meta代碼給你,復(fù)制到自己網(wǎng)頁(yè)里就可以了爵川。下面就是一段代碼的樣例:  
〈meta http-equiv=″PICS-Label″  
content=′(PICS-1.1 ″http://www.rsac.org/ratingsv01.html″  
l gen true comment ″RSACi North America Server″  
for ″http://www.rsac.org″  
on ″2001.08.16T08:15-0500″  
r (n 0 s 0 v 0 l 0))′〉  
6. 控制頁(yè)面緩沖   meta標(biāo)簽可以設(shè)置網(wǎng)頁(yè)到期的時(shí)間,也就是說(shuō),當(dāng)你在Internet Explorer 瀏覽器中設(shè)置瀏覽網(wǎng)頁(yè)時(shí)首先查看本地緩沖里的頁(yè)面,那么當(dāng)瀏覽某一網(wǎng)頁(yè),而本地緩沖又有時(shí),那么瀏覽器會(huì)自動(dòng)瀏覽緩沖區(qū)里的頁(yè)面,直到meta中設(shè)置的時(shí) 間到期,這時(shí)候,瀏覽器才會(huì)去取得新頁(yè)面。例如下面這段代碼就表示網(wǎng)頁(yè)的到期時(shí)間是2001年1月12日18時(shí)18分18秒息楔∏薰保  
〈meta http-equiv=″e(cuò)xpires″ content=″Friday, 12-Jan-2001 18:18:18 GMT″〉  
7. 控制網(wǎng)頁(yè)顯示的窗口  我們還可以使用meta標(biāo)簽來(lái)控制網(wǎng)頁(yè)顯示的窗口,只要在網(wǎng)頁(yè)中加入下面的代碼就可以了:
<metahttp-equiv="window-target" content="_top">
這段代碼可以防止網(wǎng)頁(yè)被別人作為一個(gè)Frame調(diào)用值依。

本文章著作權(quán)歸作者和饑人谷所有圃泡,轉(zhuǎn)載請(qǐng)說(shuō)明來(lái)源

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市愿险,隨后出現(xiàn)的幾起案子颇蜡,更是在濱河造成了極大的恐慌,老刑警劉巖辆亏,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件风秤,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡扮叨,警方通過(guò)查閱死者的電腦和手機(jī)缤弦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)彻磁,“玉大人碍沐,你說(shuō)我怎么就攤上這事狸捅。” “怎么了抢韭?”我有些...
    開封第一講書人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵薪贫,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我刻恭,道長(zhǎng)瞧省,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任鳍贾,我火速辦了婚禮鞍匾,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘骑科。我一直安慰自己橡淑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開白布咆爽。 她就那樣靜靜地躺著梁棠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪斗埂。 梳的紋絲不亂的頭發(fā)上符糊,一...
    開封第一講書人閱讀 49,036評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音呛凶,去河邊找鬼男娄。 笑死,一個(gè)胖子當(dāng)著我的面吹牛漾稀,可吹牛的內(nèi)容都是我干的模闲。 我是一名探鬼主播,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼崭捍,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼尸折!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起缕贡,我...
    開封第一講書人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤翁授,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后晾咪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體收擦,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年谍倦,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了塞赂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡昼蛀,死狀恐怖宴猾,靈堂內(nèi)的尸體忽然破棺而出圆存,到底是詐尸還是另有隱情,我是刑警寧澤仇哆,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布沦辙,位于F島的核電站,受9級(jí)特大地震影響讹剔,放射性物質(zhì)發(fā)生泄漏油讯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一延欠、第九天 我趴在偏房一處隱蔽的房頂上張望陌兑。 院中可真熱鬧,春花似錦由捎、人聲如沸兔综。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)软驰。三九已至,卻和暖如春心肪,著一層夾襖步出監(jiān)牢的瞬間碌宴,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工蒙畴, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人呜象。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓膳凝,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親恭陡。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蹬音,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

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

  • 前言:至今沒有好好地去搜索和梳理關(guān)于meta標(biāo)簽的相關(guān)知識(shí)點(diǎn),今天周會(huì)分享中休玩,突然聽到meta可以影響這個(gè)網(wǎng)頁(yè)的很...
    豆板兒閱讀 564評(píng)論 0 0
  • meta ??元素可提供相關(guān)頁(yè)面的元信息(meta-information)著淆,比如針對(duì)搜索引擎和更新頻度的描述和關(guān)...
    hx永恒之戀閱讀 667評(píng)論 0 2
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)拴疤,斷路器永部,智...
    卡卡羅2017閱讀 134,599評(píng)論 18 139
  • 隨著html5的普及和Web技術(shù)的凈化,從Windows XP的IE6到IE8呐矾、IE9苔埋、IE10、IE11蜒犯,Edg...
    波段頂?shù)?/span>閱讀 2,190評(píng)論 1 1
  • 我在等 等一個(gè)可以許我一生的人 我在等 等一個(gè)可以讓我彷徨的心安定下來(lái)的人 我在等 等一個(gè)值得我卸下防備把自己托付...
    陽(yáng)妹兒閱讀 364評(píng)論 2 1