常見的Meta標簽有哪些,Meta標簽怎么用?

Meta標簽有兩個標簽(<meta name=”description” content=””><meta name=”keywords” content=””>)總會用到,但Meta標簽不僅僅只有這兩個,那么常用用Meta標簽有哪些,以及Meta標簽所對應(yīng)的作用又是什么,下面就給大家介紹下Meta標簽。

注意:<meta> 標簽永遠位于 head 元素內(nèi)部;<meta>標簽有兩個屬性name和http-equiv。

name屬性
我們見得最多的name屬性就是keywords和descripion了,除了這兩個最常用的屬性外name屬性還有其它一些屬性。

1、name=”viewport”
說明:在移動設(shè)備瀏覽器上,通過為視口(viewport)設(shè)置 meta 屬性為 user-scalable=no 可以禁用其縮放(zooming)功能。這樣禁用縮放功能后,用戶只能滾動屏幕,就能讓你的網(wǎng)站看上去更像原生應(yīng)用的感覺。注意,這種方式我們并不推薦所有網(wǎng)站使用,還是要看你自己的情況而定!

用法:<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>

2、name=”description”
說明:這里是網(wǎng)頁的描述,是給搜索引擎看的,搜索引擎根據(jù)這個描述進行收錄排名,一般是網(wǎng)頁內(nèi)的關(guān)鍵字。

用法:<meta name=”description” content=””>

3、name=”keywords”
說明:keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么,換句話說就是你的網(wǎng)站主題,從一定意義上來說keywords與description其實它們的作用是一樣的(突出網(wǎng)站主題),但他們又有所不同(在搜索結(jié)果頁的展示)。

用法:<meta name=”keywords” content=””>

4、name=”author”
說明:標注網(wǎng)站作者是誰

用法:<meta name=”author” content=”晨鳥”>

5、name=”copyright”
說明:標注網(wǎng)站的版權(quán)信息

用法:<meta name=”copyright” content=”晨鳥”>

6、 name=”robots”
說明:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。content的參數(shù)有all,none,index,noindex,follow,nofollow。默認是all。

用法:<meta name=”robots” content=”all”>

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

meta標簽的http-equiv屬性語法格式是:<meta http-equiv=”參數(shù)” content=”參數(shù)變量值”>

1、Refresh(刷新)
說明:自動刷新并轉(zhuǎn)到新頁面。

用法:<meta http-equiv=”Refresh” content=”5;URL”>;(注意后面的引號,分別在秒數(shù)的前面和網(wǎng)址的后面,URL可為空)

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

2、content-Type(顯示字符集的設(shè)定)
說明:設(shè)定頁面使用的字符集。

用法:<meta http-equiv=”content-Type” content=”text/html; charset=utf-8″>

注意:在HTML5中已經(jīng)簡寫成<meta charset=”utf-8″>

3、Window-target(顯示窗口的設(shè)定)
說明:強制頁面在當前窗口以獨立頁面顯示。

用法:<meta http-equiv=”Window-target” content=”_top”>

注意:用來防止別人在iframe(框架)里調(diào)用自己的頁面,這也算是一個非常實用的屬性。

4、Set-Cookie(cookie設(shè)定)
說明:如果網(wǎng)頁過期,那么存盤的cookie將被刪除。

用法:<meta http-equiv=”Set-Cookie” content=”cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/”>

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

5、Pragma(cache模式)
說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容。

用法:<meta http-equiv=”Pragma” content=”no-cache”>

注意:這樣設(shè)定,訪問者將無法脫機瀏覽。

6、Expires(期限)
說明:可以用于設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期,必須到服務(wù)器上重新傳輸。

用法:<meta http-equiv=Expires Content=0>

用法:<meta http-equiv=”expires” content=”Fri,12 Jan 2001 18:18:18 GMT”>

注意:必須使用GMT的時間格式,或直接設(shè)為0(數(shù)字表示多少時間后過期)。

對于如何設(shè)置mate標簽才能讓搜索引擎更喜歡,更利于SEO優(yōu)化,我個人覺得與網(wǎng)站優(yōu)化有關(guān)的屬性主要是keywords和descripion,其它的屬性對于優(yōu)化基本沒多大幫助,所以keywords和descripion的設(shè)置就極其重要了!而對于這兩個屬性的設(shè)置也是因網(wǎng)站而異的,也不能一概而論,keywords和descripion的設(shè)置需要作全面的分析才能得出的。

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

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

  • meta ??元素可提供相關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)...
    鹿守心畔光閱讀 827評論 0 2
  • metadata,中文名叫元數(shù)據(jù),是用于描述數(shù)據(jù)的數(shù)據(jù)。它不會顯示在頁面上,但是機器卻可以識別。這么一來meta標...
    vs陳默閱讀 1,544評論 0 1
  • 常見的meta標簽 定義和用法: 元素可提供有關(guān)頁面的元信息(meta-information),比如針對搜索引擎...
    PYFang閱讀 1,677評論 1 2
  • 1. meta標簽的組成 meta標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性 1. nam...
    Maggie_77閱讀 602評論 1 1
  • 因你眉眼如畫 怎怪我心猿意馬?
    硬撐qaq閱讀 234評論 0 0

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