<h2>前言</h2>
meta是html語(yǔ)言head區(qū)的一個(gè)輔助性標(biāo)簽乒验。也許你認(rèn)為這些代碼可有可無(wú)。其實(shí)如果你能夠用好meta標(biāo)簽蒂阱,會(huì)給你帶來(lái)意想不到的效果锻全,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è)顯示的窗口等泪漂!
<h2>html的meta總結(jié)</h2>
<p>meta標(biāo)簽的組成:meta標(biāo)簽共有兩個(gè)屬性,它們分別是http-equiv屬性和name屬性歪泳,不同的屬性又有不同的參數(shù)值萝勤,這些不同的參數(shù)值就實(shí)現(xiàn)了不同的網(wǎng)頁(yè)功能。 </p>
<h3>1呐伞、name屬性 </h3>
<p>name屬性主要用于描述網(wǎng)頁(yè)敌卓,與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類(lèi)信息用的伶氢。 </p>
<p>meta標(biāo)簽的name屬性語(yǔ)法格式是: </p>
<pre><code><meta name="參數(shù)"content="具體的參數(shù)值">趟径。 </code></pre>
<p>其中name屬性主要有以下幾種參數(shù): </p>
<p><strong>A、Keywords(關(guān)鍵字)</strong> </p>
<p>說(shuō)明:keywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么癣防。 </p>
<p>舉例:</p>
<pre><code><meta name="keywords"content="meta總結(jié),html meta,meta屬性,meta跳轉(zhuǎn)"> </code></pre>
<p><strong>B舵抹、description(網(wǎng)站內(nèi)容描述)</strong> </p>
<p>說(shuō)明:description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。 </p>
<p>舉例:</p>
<pre><code><meta name="description"content="haorooms博客,html的meta總結(jié)劣砍,meta是html語(yǔ)言head區(qū)的一個(gè)輔助性標(biāo)簽。"> </code></pre>
<p><strong>C扇救、robots(機(jī)器人向?qū)?</strong> </p>
<p>說(shuō)明:robots用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引刑枝,哪些頁(yè)面不需要索引。 </p>
<p>content的參數(shù)有all,none,index,noindex,follow,nofollow迅腔。默認(rèn)是all装畅。 </p>
<p>舉例:</p>
<pre><code><meta name="robots"content="none"> </code></pre>
<p><strong>具體參數(shù)如下:</strong></p>
<p>信息參數(shù)為all:文件將被檢索,且頁(yè)面上的鏈接可以被查詢(xún)沧烈; </p>
<p>信息參數(shù)為none:文件將不被檢索掠兄,且頁(yè)面上的鏈接不可以被查詢(xún); </p>
<p>信息參數(shù)為index:文件將被檢索锌雀; </p>
<p>信息參數(shù)為follow:頁(yè)面上的鏈接可以被查詢(xún)蚂夕; </p>
<p>信息參數(shù)為noindex:文件將不被檢索,但頁(yè)面上的鏈接可以被查詢(xún)腋逆; </p>
<p>信息參數(shù)為nofollow:文件將被檢索婿牍,但頁(yè)面上的鏈接不可以被查詢(xún);</p>
<p><strong>D惩歉、author(作者)</strong> </p>
<p>說(shuō)明:標(biāo)注網(wǎng)頁(yè)的作者 </p>
<p>舉例:</p>
<pre><code><meta name="author"content="root,root@xxxx.com"> </code></pre>
<p><strong>E等脂、generator</strong> </p>
<pre><code><meta name="generator"content="信息參數(shù)"/> </code></pre>
<p>meta標(biāo)簽的generator的信息參數(shù)俏蛮,代表說(shuō)明網(wǎng)站的采用的什么軟件制作。 </p>
<p><strong>F上遥、COPYRIGHT</strong> </p>
<pre><code><META NAME="COPYRIGHT"CONTENT="信息參數(shù)"> </code></pre>
<p>meta標(biāo)簽的COPYRIGHT的信息參數(shù)搏屑,代表說(shuō)明網(wǎng)站版權(quán)信息。 </p>
<p><strong>G粉楚、revisit-after</strong> </p>
<pre><code><META name="revisit-after"CONTENT="7days"> </code></pre>
<p>revisit-after代表網(wǎng)站重訪(fǎng),7days代表7天辣恋,依此類(lèi)推。 </p>
<h3>2解幼、http-equiv屬性 </h3>
<p>http-equiv顧名思義抑党,相當(dāng)于http的文件頭作用,它可以向?yàn)g覽器傳回一些有用的信息撵摆,以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容底靠,與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值特铝。 </p>
<p>meta標(biāo)簽的http-equiv屬性語(yǔ)法格式是: </p>
<pre><code><meta http-equiv="參數(shù)"content="參數(shù)變量值">暑中; </code></pre>
<p>其中http-equiv屬性主要有以下幾種參數(shù): </p>
<p><strong>A、Expires(期限)</strong> </p>
<p>說(shuō)明:可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間鲫剿。一旦網(wǎng)頁(yè)過(guò)期鳄逾,必須到服務(wù)器上重新傳輸。 </p>
<p>用法:</p>
<pre><code><meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT"> </code></pre>
<p>注意:必須使用GMT的時(shí)間格式灵莲。 </p>
<p><strong>B雕凹、Pragma(cache模式)</strong> </p>
<p>說(shuō)明:禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪(fǎng)問(wèn)頁(yè)面內(nèi)容。 </p>
<p>用法:</p>
<pre><code><meta http-equiv="Pragma"content="no-cache"> </code></pre>
<p>注意:這樣設(shè)定政冻,訪(fǎng)問(wèn)者將無(wú)法脫機(jī)瀏覽枚抵。 </p>
<p><strong>C、Refresh(刷新)</strong> </p>
<p>說(shuō)明:自動(dòng)刷新并指向新頁(yè)面明场。 </p>
<p>用法:</p>
<pre><code><meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com"> //(注意后面的引號(hào)汽摹,分別在秒數(shù)的前面和網(wǎng)址的后面) </code></pre>
<p>注意:其中的2是指停留2秒鐘后自動(dòng)刷新到URL網(wǎng)址。 </p>
<p><strong>D苦锨、Set-Cookie(cookie設(shè)定)</strong> </p>
<p>說(shuō)明:如果網(wǎng)頁(yè)過(guò)期逼泣,那么存盤(pán)的cookie將被刪除。 </p>
<p>用法: </p>
<pre><code><meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT舟舒;path=/"> </code></pre>
<p>注意:必須使用GMT的時(shí)間格式拉庶。 </p>
<p><strong>E、Window-target(顯示窗口的設(shè)定)</strong> </p>
<p>說(shuō)明:強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示魏蔗。 </p>
<p>用法: </p>
<pre><code><meta http-equiv="Window-target"content="_top"> </code></pre>
<p>注意:用來(lái)防止別人在框架里調(diào)用自己的頁(yè)面砍的。 </p>
<p><strong>F、content-Type(顯示字符集的設(shè)定)</strong> </p>
<p>說(shuō)明:設(shè)定頁(yè)面使用的字符集莺治。 </p>
<p>用法:</p>
<pre><code><meta http-equiv="content-Type"content="text/html;charset=gb2312"> </code></pre>
<p><strong>具體如下:</strong></p>
<meta http-equiv="Content-Type"content="text/html;charset=信息參數(shù)"/>
<p>meta標(biāo)簽的charset的信息參數(shù)如GB2312時(shí)廓鞠,代表說(shuō)明網(wǎng)站是采用的編碼是簡(jiǎn)體中文帚稠; </p>
<p>meta標(biāo)簽的charset的信息參數(shù)如BIG5時(shí),代表說(shuō)明網(wǎng)站是采用的編碼是繁體中文床佳; </p>
<p>meta標(biāo)簽的charset的信息參數(shù)如iso-2022-jp時(shí)滋早,代表說(shuō)明網(wǎng)站是采用的編碼是日文; </p>
<p>meta標(biāo)簽的charset的信息參數(shù)如ks_c_5601時(shí)砌们,代表說(shuō)明網(wǎng)站是采用的編碼是韓文杆麸; </p>
<p>meta標(biāo)簽的charset的信息參數(shù)如ISO-8859-1時(shí),代表說(shuō)明網(wǎng)站是采用的編碼是英文浪感; </p>
<p>meta標(biāo)簽的charset的信息參數(shù)如UTF-8時(shí)昔头,代表世界通用的語(yǔ)言編碼; </p>
<p><strong>G影兽、content-Language(顯示語(yǔ)言的設(shè)定)</strong> </p>
<p>用法: </p>
<pre><code><meta http-equiv="Content-Language"content="zh-cn"/> </code></pre>
<p><strong>H揭斧、Cache-Control指定請(qǐng)求和響應(yīng)遵循的緩存機(jī)制。</strong> </p>
<p>Cache-Control指定請(qǐng)求和響應(yīng)遵循的緩存機(jī)制峻堰。在請(qǐng)求消息或響應(yīng)消息中設(shè)置Cache-Control并不會(huì)修改另一個(gè)消息處理過(guò)程中的緩存處理過(guò)程讹开。請(qǐng)求時(shí)的緩存指令包括no-cache、no-store捐名、max-age旦万、max-stale、min-fresh镶蹋、on </p>
<p>ly-if-cached成艘,響應(yīng)消息中的指令包括public、private贺归、no-cache狰腌、no-store、no-transform牧氮、must-revalidate、proxy-revalidate瑰枫、max-age踱葛。各個(gè)消息中的指令含義如下 </p>
<p>Public指示響應(yīng)可被任何緩存區(qū)緩存 </p>
<p>Private指示對(duì)于單個(gè)用戶(hù)的整個(gè)或部分響應(yīng)消息,不能被共享緩存處理光坝。這允許服務(wù)器僅僅描述當(dāng)用戶(hù)的部分響應(yīng)消息尸诽,此響應(yīng)消息對(duì)于其他用戶(hù)的請(qǐng)求無(wú)效 </p>
<p>no-cache指示請(qǐng)求或響應(yīng)消息不能緩存 </p>
<p>no-store用于防止重要的信息被無(wú)意的發(fā)布。在請(qǐng)求消息中發(fā)送將使得請(qǐng)求和響應(yīng)消息都不使用緩存盯另。 </p>
<p>max-age指示客戶(hù)機(jī)可以接收生存期不大于指定時(shí)間(以秒為單位)的響應(yīng) </p>
<p>min-fresh指示客戶(hù)機(jī)可以接收響應(yīng)時(shí)間小于當(dāng)前時(shí)間加上指定時(shí)間的響應(yīng) </p>
<p>max-stale指示客戶(hù)機(jī)可以接收超出超時(shí)期間的響應(yīng)消息性含。如果指定max-stale消息的值,那么客戶(hù)機(jī)可以接收超出超時(shí)期指定值之內(nèi)的響應(yīng)消息鸳惯。 </p>
<p><strong>J商蕴、http-equiv="imagetoolbar"</strong> </p>
<pre><code><meta http-equiv="imagetoolbar"content="false"/> </code></pre>
<p>指定是否顯示圖片工具欄叠萍,當(dāng)為false代表不顯示,當(dāng)為true代表顯示绪商。 </p>
<p><strong>K苛谷、Content-Script-Type</strong> </p>
<pre><code><Meta http-equiv="Content-Script-Type"Content="text/javascript"> </code></pre>
<p>W3C網(wǎng)頁(yè)規(guī)范,指明頁(yè)面中腳本的類(lèi)型格郁。 </p>
本文轉(zhuǎn)載自-haorooms