【<meta name="" content=">】的作用

出處: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è)置部分

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,506評(píng)論 19 139
  • meta ??元素可提供相關(guān)頁(yè)面的元信息(meta-information),比如針對(duì)搜索引擎和更新頻度的描述和關(guān)...
    鹿守心畔光閱讀 826評(píng)論 0 2
  • 1. meta標(biāo)簽的組成 meta標(biāo)簽共有兩個(gè)屬性,它們分別是http-equiv屬性和name屬性 1. nam...
    Maggie_77閱讀 601評(píng)論 1 1
  • 1.meta的意義: 在HTML文檔中,meta元素可放置在head標(biāo)簽內(nèi)用于定義整個(gè)文檔層面的元數(shù)據(jù)信息。使用m...
    馬建陽(yáng)閱讀 1,041評(píng)論 0 2
  • 隨著html5的普及和Web技術(shù)的凈化,從Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段頂?shù)?/span>閱讀 2,411評(píng)論 1 1

友情鏈接更多精彩內(nèi)容