前言
meta是html語(yǔ)言head區(qū)的一個(gè)輔助性標(biāo)簽。也許你認(rèn)為這些代碼可有可無。其實(shí)如果你能夠用好meta標(biāo)簽,會(huì)給你帶來意想不到的效果,meta標(biāo)簽的作用有:搜索引擎優(yōu)化(SEO),定義頁(yè)面使用語(yǔ)言,自動(dòng)刷新并指向新的頁(yè)面,實(shí)現(xiàn)網(wǎng)頁(yè)轉(zhuǎn)換時(shí)的動(dòng)態(tài)效果,控制頁(yè)面緩沖,網(wǎng)頁(yè)定級(jí)評(píng)價(jià),控制網(wǎng)頁(yè)顯示的窗口等!
http-equiv屬性
顯示字符集的設(shè)定
<meta ?http-equiv="Content-Type" ?content="text/html; ?charset=utf-8">
<meta ?http-equiv="Content-Language" ?content="zh-CN">
說明:用以說明主頁(yè)制作所使用的文字以及語(yǔ)言;又如英文是ISO-8859-1字符集,還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
Refresh (刷新)
<meta http-equiv="Refresh" content="n; url=http://yourlink">
說明:定時(shí)讓網(wǎng)頁(yè)在指定的時(shí)間n內(nèi),跳轉(zhuǎn)到你的頁(yè)面;
Expires (期限)
<meta ?http-equiv="Expires" ?content="Mon,12 May 2001 00:20:00 GMT">
說明:可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間,一旦過期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時(shí)間格式;
Pragma (cach模式)
<meta ?http-equiv="Pragma" ?content="no-cache">
說明:是用于設(shè)定禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容,設(shè)定后一旦離開網(wǎng)頁(yè)就無法從Cache中再調(diào)出;
Set-Cookie (cookie設(shè)定)
<meta ?http-equiv="set-cookie" ?content="Mon,12 May 2001 00:20:00 GMT">
說明:cookie設(shè)定,如果網(wǎng)頁(yè)過期,存盤的cookie將被刪除。需要注意的也是必須使用GMT時(shí)間格式;
Pics-label (網(wǎng)頁(yè)RSAC等級(jí)評(píng)定)
<meta ?http-equiv="Pics-label" ?content="">
說明:網(wǎng)頁(yè)等級(jí)評(píng)定,在IE的internet選項(xiàng)中有一項(xiàng)內(nèi)容設(shè)置,可以防止瀏覽一些受限制的網(wǎng)站,而網(wǎng)站的限制級(jí)別就是通過meta屬性來設(shè)置的;
Window-target (顯示窗口的設(shè)定)
<meta ?http-equiv="windows-Target" ?content="_top">
說明:強(qiáng)制頁(yè)面在當(dāng)前窗口中以獨(dú)立頁(yè)面顯示,可以防止自己的網(wǎng)頁(yè)被別人當(dāng)作一個(gè)frame頁(yè)調(diào)用;
Page-Enter、Page-Exit (進(jìn)入與退出)
<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transition= 50)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=20,transition=6)">
說明:設(shè)定進(jìn)入和離開頁(yè)面時(shí)的特殊效果,這個(gè)功能即FrontPage中的"格式/網(wǎng)頁(yè)過渡",不過所加的頁(yè)面不能夠是一個(gè)frame頁(yè)面。
聲明使用的瀏覽器及版本
x-ua-compatible設(shè)置是從IE8開始增加的(很明顯,只適用于IE),對(duì)于過往的版本無法識(shí)別。開發(fā)者可以通過設(shè)置x-ua-compatible來指定渲染引擎的類型和版本,并且因?yàn)樾枨蟛煌梢杂卸喾N不同的設(shè)置。當(dāng)直接指定content為IE的某個(gè)具體版本,如上述代碼第1條,客戶端的IE將會(huì)使用IE7.0標(biāo)準(zhǔn)模式對(duì)頁(yè)面進(jìn)行渲染,并忽略Doctype定義。當(dāng)指定的IE版本在客戶端IE中不存在時(shí),IE將會(huì)嘗試將該值轉(zhuǎn)換為最為接近的版本。例如指定一個(gè)低于5.0的IE版本,如上述代碼第2條,客戶端的IE將會(huì)使用IE5.0對(duì)頁(yè)面進(jìn)行渲染,由于IE5.0并沒有標(biāo)準(zhǔn)模式,所以將會(huì)直接使用quirks mode來渲染;如果指定一個(gè)大于客戶端IE的版本,如上述代碼第3條,假定客戶端IE的最高版本為9.0,那么IE會(huì)將該值轉(zhuǎn)換為IE=9,即使用IE9.0標(biāo)準(zhǔn)模式對(duì)頁(yè)面進(jìn)行渲染。
<meta ?http-equiv="x-ua-compatible" ?content="IE=7"/>
<meta ?http-equiv="x-ua-compatible" ?content="IE=4"/>
當(dāng)指定的content值加了Emulate前綴時(shí),如上述代碼,客戶端IE將會(huì)根據(jù)Doctype定義來決定如何來對(duì)頁(yè)面進(jìn)行渲染。假設(shè)頁(yè)面使用了標(biāo)準(zhǔn)的Doctype,那么此定義效果等同上面的情況;假設(shè)頁(yè)面并沒有使用標(biāo)準(zhǔn)的Doctype,那么將使用quirks mode來渲染。
<meta ?http-equiv="x-ua-compatible" ?content="IE=EmulateIE7"/>
當(dāng)指定的content值為IE=Edge時(shí),如上述代碼,客戶端的IE將會(huì)使用最高的標(biāo)準(zhǔn)模式對(duì)頁(yè)面進(jìn)行渲染。
<meta ?http-equiv="x-ua-compatible" ?content="IE=Edge"/>
當(dāng)指定的content值有多個(gè)版本時(shí),如上述代碼,假定客戶端IE版本為8.0或者9.0,則使用IE7.0標(biāo)準(zhǔn)模式對(duì)頁(yè)面進(jìn)行渲染;假定客戶端IE版本為10.0或者11.0,則直接使用對(duì)應(yīng)版本的標(biāo)準(zhǔn)模式對(duì)頁(yè)面進(jìn)行渲染。
<meta ?http-equiv="x-ua-compatible" ?content="IE=7, 10, 11"/>
當(dāng)指定的content值為IE=Edge, chrome=1時(shí),如上述代碼,假定客戶端安裝了Google Chrome Frame,則在IE中使用chrome的渲染引擎來渲染頁(yè)面,否則,將會(huì)使用客戶端IE最高的標(biāo)準(zhǔn)模式對(duì)頁(yè)面進(jìn)行渲染。
<meta ?http-equiv="x-ua-compatible" ?content="IE=Edge, chrome=1"/>
name屬性
關(guān)鍵詞
<Meta name="Keywords" Content="關(guān)鍵詞1,關(guān)鍵詞2,關(guān)鍵詞3,關(guān)鍵詞4,……">
說明:為搜索引擎提供的關(guān)鍵字
Description (簡(jiǎn)介)
<Meta name="Description" Content="你網(wǎng)頁(yè)的簡(jiǎn)述">
說明:Description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容
Robots (機(jī)器人向?qū)?
<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
說明:Robots用來告訴搜索機(jī)器人哪些頁(yè)面需要索引,哪些頁(yè)面不需要索引。Content的參數(shù)有all、none、index、noindex、follow、nofollow。默認(rèn)是all。
all:文件將被檢索,且頁(yè)面上的鏈接可以被查詢;
none:文件將不被檢索,且頁(yè)面上的鏈接不可以被查詢;(和 "noindex, no follow" 起相同作用)
index:文件將被檢索;(讓robot/spider登錄)
follow:頁(yè)面上的鏈接可以被查詢;轉(zhuǎn)自環(huán) 球 網(wǎng)校edu24ol.com轉(zhuǎn)自環(huán) 球 網(wǎng)校edu24ol.com轉(zhuǎn)自環(huán) 球 網(wǎng)校edu24ol.com
noindex:文件將不被檢索,但頁(yè)面上的鏈接可以被查詢;(不讓robot/spider登錄)
nofollow:文件將不被檢索,頁(yè)面上的鏈接可以被查詢。(不讓robot/spider順著此頁(yè)的連接往下探找)
作者
<Meta name="Author" Content="張三,abc@sina.com">
說明:標(biāo)注網(wǎng)頁(yè)的作者或制作組
Generator (編輯器)
<Meta name="Generator" Content="PCDATA|FrontPage|">
說明:編輯器的說明 注意:Content="你所用編輯器"
revisit-after (重訪)
<META name="revisit-after" CONTENT="7 days">