出處:http://blog.csdn.net/huanghui8030/article/details/8516064
http://www.cnblogs.com/linlf03/](http://www.cnblogs.com/linlf03/
未經(jīng)作者同意,請(qǐng)保留此段聲明!
一、語(yǔ)法:
<meta name="name" content="string"/>
二、參數(shù)解析:
a、name項(xiàng):常用的選項(xiàng)有keywords(關(guān)鍵字) ,description(網(wǎng)站內(nèi)容描述),author(作者),robots(機(jī)器人向?qū)?等。
b、http-equiv項(xiàng):可用于代替name項(xiàng),常用的選項(xiàng)有Expires(期限),Pragma(cache模式),Refresh(刷新),Set-Cookie(cookie設(shè)定),Window-target(顯示窗口的設(shè)定),content-Type(顯示字符集的設(shè)定)等。
c、content項(xiàng):根據(jù)name項(xiàng)或http-equiv項(xiàng)的定義來決定此項(xiàng)填寫什么樣的字符串。
三、應(yīng)用
a、告訴瀏覽器網(wǎng)頁(yè)所識(shí)別的文件類型及語(yǔ)言類型,比如說,我們要讓瀏覽器識(shí)別HTM/HTML類型的簡(jiǎn)體中文網(wǎng)面,我們可以這樣寫:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
b、讓一些搜索引擎搜索到你的網(wǎng)頁(yè),代碼可以這樣寫:
<meta name="keywords" content="網(wǎng)頁(yè)關(guān)鍵字" />
<meta name="description" content="網(wǎng)頁(yè)描述文字" />
要達(dá)到自動(dòng)搜索引擎真正能方便地搜索到你的網(wǎng)頁(yè)還得注意以下幾點(diǎn):
1、 既要定義meta標(biāo)記項(xiàng),又要將首頁(yè)正文的前200個(gè)字符定義成反映主頁(yè)主題的文字。因?yàn)橛行?dǎo)航臺(tái)在標(biāo)引meta項(xiàng)中的關(guān)鍵詞的同時(shí),還要標(biāo)引正文中的前200個(gè)字符。如:altavista。所以,有些人在注冊(cè)完導(dǎo)航臺(tái)后去檢查注冊(cè)結(jié)果時(shí),發(fā)現(xiàn)導(dǎo)航臺(tái)中的描述并不是你所希望的,而是諸如版權(quán)說明之類的文字。產(chǎn)生這一現(xiàn)象的原因就是沒有注意到這一點(diǎn)。
2、 將定義關(guān)鍵詞的meta標(biāo)記項(xiàng)放在定義描述的meta項(xiàng)之前。如:
<meta type="keywords" content=".......,...,..."/>
<meta type="description" content="...,....,..."/>
3、 將最重要的關(guān)鍵詞放在最前面,讓相關(guān)的關(guān)鍵詞相鄰。全小寫與首字母大寫并存,因?yàn)橛械膶?dǎo)航臺(tái)在標(biāo)引時(shí)對(duì)字符的大小寫是敏感的。包括標(biāo)點(diǎn)符號(hào)不要超過250個(gè)單詞
4、 首頁(yè)最好不用frame結(jié)構(gòu),因?yàn)閒rame將屏幕劃分成多個(gè)窗口后,導(dǎo)航臺(tái)不能智能地選擇正確的窗口中的主頁(yè)去標(biāo)引。
c、讓一個(gè)頁(yè)面過上一定的時(shí)間,自動(dòng)轉(zhuǎn)到另一個(gè)頁(yè)面或者站點(diǎn)去,如:
<meta http-equiv="refresh" content="6; url=http://hi.baidu.com/tesalo/" />
content中的6表示時(shí)間,單位為秒,url=后面是你要轉(zhuǎn)向的網(wǎng)址,若是與你當(dāng)前網(wǎng)頁(yè)在同一目錄下,可以直接寫上文件名,如:
<meta http-equiv="refresh" content="6; url=page1.htm" />
d、讓網(wǎng)頁(yè)每隔一段時(shí)間刷新一次,若要10秒刷新一次,代碼這樣寫:
<meta http-equiv="refresh" content="10">
e、通過Meta可以讓你進(jìn)入頁(yè)面時(shí)產(chǎn)生一些特殊效果,具體應(yīng)用如下:
<meta http-equiv="Page-Enter" content= "revealTrans(Duration=5.0,Transition=n)" /> 其中,n的取值范圍為0-23,具體的意義如下:
0 矩形縮小 1 矩形擴(kuò)大 2 圓形縮小
3 圓形擴(kuò)大 4 下到上
5、<meta name="viewport" content="width=device-width"/>
這個(gè)元素通知瀏覽器使用設(shè)備的寬度作為可視區(qū)的寬度,而不是默認(rèn)的980像素了,我們可以看看兩個(gè)不同的例子
6
<meta name="data-spm" content="b26110417" />//向name中傳入名字,向content傳入內(nèi)容
<meta charset="gbk" />//設(shè)置字符集 這是個(gè)[網(wǎng)頁(yè)代碼]的頭設(shè)置部分