meta的用法

meta是html文檔在head標籤裏定義的一個對文檔進行描述的功能性標籤

meta標籤有下面的作用:
  1.搜索引擎優化(SEO)
  2.定義頁面使用語言
  3.自動刷新並指向新的頁面
  4.實現網頁轉換時的動態效果
  5.控制頁面緩衝
  6.網頁定級評價
  7.控制網頁顯示的窗口

meta標籤的組成:meta標籤共有兩個屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能。

1、name屬性

name屬性主要用於描述網頁,與之對應的屬性值爲content,content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。

meta標籤的name屬性語法格式是:<meta name="參數"content="具體的參數值">

其中name屬性主要有以下幾種參數: 

A、Keywords(關鍵字) 

說明:keywords用來告訴搜索引擎你網頁的關鍵字是什麼。<meta name="keywords"content="science,education,culture,politics,ecnomics,relationships,entertaiment,human">

B、description(網站內容描述)

說明:description用來告訴搜索引擎你的網站主要內容。<meta name="description"content="Thispageisaboutthemeaningofscience,education,culture.">

C、robots(機器人嚮導)

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

content的參數有all,none,index,noindex,follow,nofollow。默認是all。<meta name="robots"content="none">

D、author(作者)

說明:標註網頁的作者<meta name="author" content="root,[email protected]">

E:renderer(渲染)

告訴瀏覽器你的渲染模式 <meta name="renderer" content="webkit">

F:viewport(視圖模式)<meta name="viewport" content="width=device-width,initial-scale=1"/>

2、http-equiv屬性

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

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

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

常用項:X-UA-Compatible(瀏覽模式)<meta http-equiv="X-UA-Compatible" content="IE=edge">

A、Expires(期限)

說明:可以用於設定網頁的到期時間。一旦網頁過期,必須到服務器上重新傳輸。<meta http-equiv="expires"content="Fri,01Jan201618:18:18GMT">

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

B、Pragma(cache模式)

說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內容。<meta http-equiv="Pragma" content="no-cache">

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

C、Refresh(刷新)

說明:自動刷新並指向新頁面。<meta http-equiv="Refresh" content="2;URL=http://www.jb51.net">

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

D、Set-Cookie(cookie設定)

說明:如果網頁過期,那麼存盤的cookie將被刪除。<meta http-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">

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

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

說明:強制頁面在當前窗口以獨立頁面顯示。<meta http-equiv="Window-target" content="_blank">

注意:用來防止別人在框架裏調用自己的頁面。

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

說明:設定頁面使用的字符集。<meta http-equiv="content-Type" content="text/html;charset=gb2312">

G、content-Language(顯示語言的設定)<meta http-equiv="Content-Language" content="zh-cn"/>

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:指示響應可被任何緩存區緩存
Private:指示對於單個用戶的整個或部分響應消息,不能被共享緩存處理。這允許服務器僅僅描述當用戶的部分響應消息,此響應消息對於其他用戶的請求無效
no-cache指示請求或響應消息不能緩存
no-store用於防止重要的信息被無意的發佈。在請求消息中發送將使得請求和響應消息都不使用緩存。
max-age指示客戶機可以接收生存期不大於指定時間(以秒爲單位)的響應
min-fresh指示客戶機可以接收響應時間小於當前時間加上指定時間的響應
max-stale指示客戶機可以接收超出超時期間的響應消息。如果指定max-stale消息的值,那麼客戶機可以接收超出超時期指定值之內的響應消息。

Meta標籤使用技巧:

Meta標籤是用來描述網頁屬性的一種語言,標準的Meta標籤可以便於搜索引擎排序,提高搜索引擎網站權重排名。要想網站做的更符合搜索引擎標準就必須瞭解meta標籤,下面由Seoer惜緣於大家講講meta標籤含義與使用方法:

1、META標籤的keywords<meta name="Keywords" content="信息參數"/>

meat標籤的Keywords的的信息參數,代表說明網站的關鍵詞是什麼。

2、META標籤的Description<meta name="Description" content="信息參數"/>

meta標籤的Description的信息參數,代表說明網站的主要內容,概況是什麼。

3、META標籤的http-equiv=Content-Typecontent="text/html

http-equiv=Content-Type代表的是HTTP的頭部協議,提示瀏覽器網頁的信息,<metahttp-equiv="Content-Type" content="text/html;charset=信息參數"/>

meta標籤的charset的信息參數如GB2312時,代表說明網站是採用的編碼是簡體中文;

meta標籤的charset的信息參數如ISO-8859-1時,代表說明網站是採用的編碼是英文;

meta標籤的charset的信息參數如UTF-8時,代表世界通用的語言編碼;

4、META標籤的generator<meta name="generator" content="信息參數"/>

meta標籤的generator的信息參數,代表說明網站的採用的什麼軟件製作。

5、META標籤的author<meta name="author" content="信息參數">

meta標籤的author的信息參數,代表說明網頁版權作者信息。

6、META標籤的http-equiv="Refresh"<Meta http-equiv="Refresh" Content="時間;Url=網址參數">

meta標籤的Refresh代表多少時間網頁自動刷新,加上Url中的網址參數就代表,多長時間自動鏈接其他網址。

7、META標籤的http-equiv="Pragma" CONTENT="no-cache"<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

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

8、META標籤的COPYRIGHT<META NAME="COPYRIGHT" CONTENT="信息參數">

meta標籤的COPYRIGHT的信息參數,代表說明網站版權信息。

9、META標籤的http-equiv="imagetoolbar"<meta http-equiv="imagetoolbar" content="false"/>

指定是否顯示圖片工具欄,當爲false代表不顯示,當爲true代表顯示。

10、META標籤的Content-Script-Type<Meta http-equiv="Content-Script-Type" Content="text/javascript">

W3C網頁規範,指明頁面中腳本的類型。

11、META標籤的revisit-after<META name="revisit-after" CONTENT="7days">

revisit-after代表網站重訪,7days代表7天,依此類推。

12、META標籤的Robots<meta name="Robots" contect="信息參數">

 

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

其中的屬性說明如下:

信息參數爲all:文件將被檢索,且頁面上的鏈接可以被查詢;

信息參數爲none:文件將不被檢索,且頁面上的鏈接不可以被查詢;

信息參數爲index:文件將被檢索;

信息參數爲follow:頁面上的鏈接可以被查詢;

信息參數爲noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;

信息參數爲nofollow:文件將被檢索,但頁面上的鏈接不可以被查詢;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章