HTML mata標籤詳解

1.meta標籤特性

meta標籤在網站中有很強大的功效,一個設計較好的meta標籤,可以大大提高網站被搜索到的可能性,對搜索引擎優化具有至關重要的作用。以下是meta標籤的特性:

  • meta標籤是單標籤,格式如下:

          <meta 屬性="值" />

  • meta標籤永遠位於head元素內部
  • meta標籤分兩大部分:http標題信息(http-equiv)和頁面描述信息(name)

2.meta標籤的http標題信息

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

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

<meta http-equiv="參數" content="參數變量值"/> 

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

(1)expires(期限)

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

舉例:

<meta http-equiv="expires" content="Wed, 20 June 2016 10:30:00 GMT">  

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

(2)pragma(cache模式) 

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

舉例:

<meta http-equiv="pragma" content="no-cache"/>  

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

(3)refresh(刷新)

說明:定時刷新讓網頁自動鏈接到其它網頁。

舉例:

<meta http-equiv="refresh" content="5;URL=http://www.baidu.com"/>

注意:其中的5是指停留5秒鐘後自動刷新到URL網址,秒數和URL直接用分號隔開。

(4)content-type(顯示字符集的設定)

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

舉例:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

charset選項:

GB2312、GBK和UTF-8都是一種字符編碼,除此之外,還有好多字符編碼。只是對於我們中國人的網站來說,用這三種編碼比較多。

  • UTF-8 (UTF-8包含全世界所有國家需要用到的字符,是國際編碼,通用性強,又稱萬國碼。如:阿里雲、淘寶網等都採用這種編碼方式)
  • GBK  (GBK是包括中日韓字符的大字符集合。如:京東網採用的是GBK編碼)
  • GB2312  (GB2312是GBK的子集,是一種簡體中文編碼,通行於中國大陸。如:騰訊網、網易等都採用該種編碼)

3.meta標籤的頁面描述信息

name是描述網頁的,對應於content(網頁內容),以便於搜索引擎機器人查找、分類,目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類。

meta標籤的name屬性語法格式:

<meta name="參數" content="具體參數值" />

(1)keywords (關鍵字)

說明:告訴搜索引擎你網頁的關鍵字是什麼。

舉例:

<meta name="keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手錶,存儲卡,京東">

注意:上面代碼來自於京東網,關鍵詞之間用英文逗號隔開。

(2)description (網頁描述)

說明:description用來告訴搜索引擎你的網頁主要內容。

舉例:

<meta name="description" content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務,爲您提供愉悅的網上購物體驗!">

fpYd9OJh1n4hXYA2.png

上圖是從百度搜索京東,紅框內的信息就是meta標籤,description描述的內容。

(3)robots (機器人嚮導)

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

舉例:

<meta name="robots" content="all"/>

參數說明:

all:搜索引擎將索引此網頁,且頁面上的鏈接可以被查詢,等價於index和follow

none:搜索引擎將忽略此網頁,且頁面上的鏈接不可以被查詢,等價於noindex和nofollow

index:文件將被索引

follow:搜索引擎通過此網頁的鏈接,索引搜索其它的網頁。

noindex:文件將不被檢索,但網頁中的鏈接,可以索引搜索其它的網頁

nofollow:文件將不被檢索,搜索引擎不可以通過此網頁的鏈接,繼續索引其它網頁 

(4)author (作者)

說明:標註網頁的作者或製作組。

舉例:

<meta name="author" content="作者的名字"/>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章