meta詳解

meta是html語言head區(qū)的一個輔助性標簽暖夭。也許你認為這些代碼可有可無锹杈。其實如果你能夠用好meta標簽,會給你帶來意想不到的效果迈着,meta標簽的作用有:搜索引擎優(yōu)化(SEO)竭望,定義頁面使用語言,自動刷新并指向新的頁面裕菠,實現(xiàn)網(wǎng)頁轉(zhuǎn)換時的動態(tài)效果咬清,控制頁面緩沖,網(wǎng)頁定級評價奴潘,控制網(wǎng)頁顯示的窗口等旧烧!

meta標簽的組成:meta標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性画髓,不同的屬性又有不同的參數(shù)值掘剪,這些不同的參數(shù)值就實現(xiàn)了不同的網(wǎng)頁功能。

1奈虾、name屬性

name屬性主要用于描述網(wǎng)頁夺谁,與之對應的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的肉微。

meta標簽的name屬性語法格式是:

予权。

其中name屬性主要有以下幾種參數(shù):

A、Keywords(關(guān)鍵字)

說明:keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么浪册。

舉例:

B扫腺、description(網(wǎng)站內(nèi)容描述)

說明:description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容。

舉例:

C村象、robots(機器人向?qū)?

說明:robots用來告訴搜索機器人哪些頁面需要索引笆环,哪些頁面不需要索引。

content的參數(shù)有all,none,index,noindex,follow,nofollow厚者。默認是all躁劣。

舉例:

D、author(作者)

說明:標注網(wǎng)頁的作者

舉例:

2库菲、http-equiv屬性

http-equiv顧名思義账忘,相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容鳖擒,與之對應的屬性值為content溉浙,content中的內(nèi)容其實就是各個參數(shù)的變量值。

meta標簽的http-equiv屬性語法格式是:

蒋荚;

其中http-equiv屬性主要有以下幾種參數(shù):

A戳稽、Expires(期限)

說明:可以用于設定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期期升,必須到服務器上重新傳輸惊奇。

用法:

注意:必須使用GMT的時間格式。

B播赁、Pragma(cache模式)

說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容颂郎。

用法:

注意:這樣設定,訪問者將無法脫機瀏覽容为。

C乓序、Refresh(刷新)

說明:自動刷新并指向新頁面。

用法:(注意后面的引號舟奠,分別在秒數(shù)的前面和網(wǎng)址的后面)

注意:其中的2是指停留2秒鐘后自動刷新到URL網(wǎng)址。

D、Set-Cookie(cookie設定)

說明:如果網(wǎng)頁過期,那么存盤的cookie將被刪除浙滤。

用法:

注意:必須使用GMT的時間格式碰辅。

E、Window-target(顯示窗口的設定)

說明:強制頁面在當前窗口以獨立頁面顯示瞳收。

用法:

注意:用來防止別人在框架里調(diào)用自己的頁面。

F、content-Type(顯示字符集的設定)

說明:設定頁面使用的字符集膜蛔。

用法:

G、content-Language(顯示語言的設定)

用法:

H脖阵、Cache-Control指定請求和響應遵循的緩存機制皂股。

Cache-Control指定請求和響應遵循的緩存機制。在請求消息或響應消息中設置Cache-Control并不會修改另一個消息處理過程中的緩存處理過程命黔。請求時的緩存指令包括no-cache呜呐、no-store、max-age悍募、max-stale蘑辑、min-fresh、on

ly-if-cached坠宴,響應消息中的指令包括public洋魂、private、no-cache、no-store副砍、no-transform衔肢、must-revalidate、proxy-revalidate址晕、max-age膀懈。各個消息中的指令含義如下

Public指示響應可被任何緩存區(qū)緩存

Private指示對于單個用戶的整個或部分響應消息,不能被共享緩存處理谨垃。這允許服務器僅僅描述當用戶的部分響應消息启搂,此響應消息對于其他用戶的請求無效

no-cache指示請求或響應消息不能緩存

no-store用于防止重要的信息被無意的發(fā)布。在請求消息中發(fā)送將使得請求和響應消息都不使用緩存刘陶。

max-age指示客戶機可以接收生存期不大于指定時間(以秒為單位)的響應

min-fresh指示客戶機可以接收響應時間小于當前時間加上指定時間的響應

max-stale指示客戶機可以接收超出超時期間的響應消息胳赌。如果指定max-stale消息的值,那么客戶機可以接收超出超時期指定值之內(nèi)的響應消息匙隔。

Meta標簽使用技巧:

Meta標簽是用來描述網(wǎng)頁屬性的一種語言疑苫,標準的Meta標簽可以便于搜索引擎排序,提高搜索引擎網(wǎng)站權(quán)重排名纷责。要想網(wǎng)站做的更符合搜索引擎標準就必須了解meta標簽捍掺,下面由Seoer惜緣于大家講講meta標簽含義與使用方法:

1、META標簽的keywords

寫法為:

meat標簽的Keywords的的信息參數(shù)再膳,代表說明網(wǎng)站的關(guān)鍵詞是什么挺勿。

2、META標簽的Description

meta標簽的Description的信息參數(shù)喂柒,代表說明網(wǎng)站的主要內(nèi)容不瓶,概況是什么。

3灾杰、META標簽的http-equiv=Content-Typecontent="text/html

http-equiv=Content-Type代表的是HTTP的頭部協(xié)議蚊丐,提示瀏覽器網(wǎng)頁的信息,

meta標簽的charset的信息參數(shù)如GB2312時艳吠,代表說明網(wǎng)站是采用的編碼是簡體中文麦备;

meta標簽的charset的信息參數(shù)如BIG5時,代表說明網(wǎng)站是采用的編碼是繁體中文昭娩;

meta標簽的charset的信息參數(shù)如iso-2022-jp時泥兰,代表說明網(wǎng)站是采用的編碼是日文;

meta標簽的charset的信息參數(shù)如ks_c_5601時题禀,代表說明網(wǎng)站是采用的編碼是韓文鞋诗;

meta標簽的charset的信息參數(shù)如ISO-8859-1時,代表說明網(wǎng)站是采用的編碼是英文迈嘹;

meta標簽的charset的信息參數(shù)如UTF-8時削彬,代表世界通用的語言編碼全庸;

4、META標簽的generator

meta標簽的generator的信息參數(shù)融痛,代表說明網(wǎng)站的采用的什么軟件制作壶笼。

5、META標簽的author

meta標簽的author的信息參數(shù)雁刷,代表說明網(wǎng)頁版權(quán)作者信息覆劈。

6、META標簽的http-equiv="Refresh"

meta標簽的Refresh代表多少時間網(wǎng)頁自動刷新沛励,加上Url中的網(wǎng)址參數(shù)就代表责语,多長時間自動鏈接其他網(wǎng)址。

7目派、META標簽的HTTP-EQUIV="Pragma"CONTENT="no-cache"

代表禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容,這樣設定坤候,訪問者將無法脫機瀏覽。

8企蹭、META標簽的COPYRIGHT

meta標簽的COPYRIGHT的信息參數(shù)白筹,代表說明網(wǎng)站版權(quán)信息。

9谅摄、META標簽的http-equiv="imagetoolbar"

指定是否顯示圖片工具欄徒河,當為false代表不顯示,當為true代表顯示送漠。

10顽照、META標簽的Content-Script-Type

W3C網(wǎng)頁規(guī)范,指明頁面中腳本的類型螺男。

11棒厘、META標簽的revisit-after

revisit-after代表網(wǎng)站重訪,7days代表7天纵穿,依此類推下隧。

12、META標簽的Robots

Robots代表告訴搜索引擎機器人抓取哪些頁面

其中的屬性說明如下:

信息參數(shù)為all:文件將被檢索谓媒,且頁面上的鏈接可以被查詢淆院;

信息參數(shù)為none:文件將不被檢索,且頁面上的鏈接不可以被查詢句惯;

信息參數(shù)為index:文件將被檢索土辩;

信息參數(shù)為follow:頁面上的鏈接可以被查詢;

信息參數(shù)為noindex:文件將不被檢索抢野,但頁面上的鏈接可以被查詢拷淘;

信息參數(shù)為nofollow:文件將被檢索,但頁面上的鏈接不可以被查詢指孤;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末启涯,一起剝皮案震驚了整個濱河市贬堵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌结洼,老刑警劉巖黎做,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異松忍,居然都是意外死亡蒸殿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進店門鸣峭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來宏所,“玉大人,你說我怎么就攤上這事叽掘¢固” “怎么了?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵更扁,是天一觀的道長盖腕。 經(jīng)常有香客問我,道長浓镜,這世上最難降的妖魔是什么溃列? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮听隐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘哄啄。我一直安慰自己雅任,他們只是感情好,可當我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著禽车,像睡著了一般殉摔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上记焊,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天,我揣著相機與錄音岭粤,去河邊找鬼剃浇。 笑死虎囚,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蝗岖,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼唧取,長吁一口氣:“原來是場噩夢啊……” “哼邢享!你這毒婦竟也來了掸犬?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤座掘,失蹤者是張志新(化名)和其女友劉穎萍虽,沒想到半個月后咆霜,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡救军,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了倘零。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖虏辫,靈堂內(nèi)的尸體忽然破棺而出娄昆,到底是詐尸還是另有隱情扒俯,我是刑警寧澤,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布墩邀,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏殖卑。R本人自食惡果不足惜许起,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦蛛勉、人聲如沸痢法。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽幻馁。三九已至洗鸵,卻和暖如春越锈,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背膘滨。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工甘凭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人火邓。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓丹弱,卻偏偏與公主長得像,于是被迫代替她去往敵國和親铲咨。 傳聞我的和親對象是個殘疾皇子躲胳,可洞房花燭夜當晚...
    茶點故事閱讀 42,925評論 2 344

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

  • 在前端編碼過程中,大部分人對meta的理解估計都停留在 上纤勒,但是一般網(wǎng)站還有很多關(guān)于meta的設置坯苹,其它設置的作用...
    Iris_mao閱讀 2,146評論 1 5
  • 一.思維導圖 首先來個整體印象,請看以下思維導圖(ps:思維導圖用來總結(jié)很好用) 二摇天、定義 元素可提供有關(guān)頁面的元...
    天邊的拾荒者閱讀 1,631評論 2 2
  • meta ??元素可提供相關(guān)頁面的元信息(meta-information)粹湃,比如針對搜索引擎和更新頻度的描述和關(guān)...
    hx永恒之戀閱讀 667評論 0 2
  • 隨著html5的普及和Web技術(shù)的凈化,從Windows XP的IE6到IE8泉坐、IE9为鳄、IE10、IE11腕让,Edg...
    波段頂?shù)?/span>閱讀 2,190評論 1 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理孤钦,服務發(fā)現(xiàn),斷路器纯丸,智...
    卡卡羅2017閱讀 134,601評論 18 139