META清單

前言

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">

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,786評(píng)論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,837評(píng)論 18 139
  • 隨著html5的普及和Web技術(shù)的凈化,從Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段頂?shù)?/span>閱讀 2,231評(píng)論 1 1
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,841評(píng)論 25 708
  • 此時(shí)此刻,我正走在布拉格郊外的一個(gè)小村莊里。從城市里出來的時(shí)候,車一直往前開。
    劈柴捌哥閱讀 74評(píng)論 0 0