古詩詞大全網 - 藝術簽名 - 常見的Meta標簽有哪些,Meta標簽怎麽用?

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

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

註意:<meta> 標簽永遠位於 head 元素內部;<meta>標簽有兩個屬性name和http-equiv。

name屬性

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

1、name=”viewport”

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

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

2、name=”description”

說明:這裏是網頁的描述,是給搜索引擎看的,搜索引擎根據這個描述進行收錄排名,壹般是網頁內的關鍵字。

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

3、name=”keywords”

說明:keywords用來告訴搜索引擎妳網頁的關鍵字是什麽,換句話說就是妳的網站主題,從壹定意義上來說keywords與description其實它們的作用是壹樣的(突出網站主題),但他們又有所不同(在搜索結果頁的展示)。

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

4、name=”author”

說明:標註網站作者是誰

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

5、name=”copyright”

說明:標註網站的版權信息

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

6、 name=”robots”

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

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

http-equiv屬性

http-equiv相當於http的文件頭作用,它可以向瀏覽器傳回壹些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。

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

1、Refresh(刷新)

說明:自動刷新並轉到新頁面。

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

註意:其中的2是指停留2秒鐘後自動刷新到URL網址。

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

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

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

註意:在HTML5中已經簡寫成<meta charset=”utf-8″>

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

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

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

註意:用來防止別人在iframe(框架)裏調用自己的頁面,這也算是壹個非常實用的屬性。

4、Set-Cookie(cookie設定)

說明:如果網頁過期,那麽存盤的cookie將被刪除。

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

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

5、Pragma(cache模式)

說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內容。

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

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

6、Expires(期限)

說明:可以用於設定網頁的到期時間。壹旦網頁過期,必須到服務器上重新傳輸。

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

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

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

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