1、meta標(biāo)簽是什么

• meta 是 html 的元標(biāo)簽，其中包含了對(duì)應(yīng)html的相關(guān)信息，客戶端瀏覽器或服務(wù)端程序都會(huì)根據(jù)這些信息進(jìn)行處理

2、meta標(biāo)簽有兩個(gè)屬性

• ** http-equid，name**
• http-equiv類似于HTTP的頭部協(xié)議，它回應(yīng)給瀏覽器一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。
• name屬性主要用于描述網(wǎng)頁(yè)，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。

1、http-equiv屬性

 語(yǔ)法格式是：<meta http-equiv="參數(shù)" content="參數(shù)變量值">

其中 http-equiv 屬性主要有以下幾種參數(shù)（常用的前3個(gè)）：

• A、content-Type(顯示字符集的設(shè)定)——設(shè)定頁(yè)面使用的字符集。

  用法：<meta http-equiv="content-Type" content="text/html; charset=utf-8">
  

• B、content-Language（顯示語(yǔ)言的設(shè)定）——設(shè)定頁(yè)面使用的語(yǔ)言，用以說(shuō)明主頁(yè)制作所使用的語(yǔ)言和文字

  用法：<meta http-equiv="Content-Language" content="zh-cn" />
  

• C、Refresh(刷新)——自動(dòng)刷新并指向新頁(yè)面。

  用法：
  <meta http-equiv="refresh" content="2"> //每隔2秒鐘，自動(dòng)刷新網(wǎng)頁(yè)一次
  <meta http-equiv="refresh" content="2;url=http://www.baidu.com"> //2秒鐘后，自動(dòng)刷新到URL網(wǎng)址
  

• D、Set-Cookie(cookie設(shè)定)——如果網(wǎng)頁(yè)過(guò)期，那么存盤的cookie將被刪除。

   用法：<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT； path=/">
   注意：必須使用GMT的時(shí)間格式。
  

• E、Expires(期限)——可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期，必須到服務(wù)器上重新傳輸。

  用法：<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
  注意：必須使用GMT的時(shí)間格式。
  

• F、Pragma(cache模式)——禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容。

  用法：<meta http-equiv="Pragma" content="no-cache">
  注意：這樣設(shè)定，訪問(wèn)者將無(wú)法脫機(jī)瀏覽?！?

• G、Window-target(顯示窗口的設(shè)定)——強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示。

  用法：<meta http-equiv="Window-target" content="_top">
  注意：用來(lái)防止別人在框架里調(diào)用自己的頁(yè)面。
  

2、name屬性

語(yǔ)法格式是：<meta name="參數(shù)" content="具體的參數(shù)值"> 。

其中name屬性主要有以下幾種參數(shù)（常用的前2個(gè)）：

• A、Keywords(關(guān)鍵字)——keywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。

  舉例：<meta name ="keywords" content=" 網(wǎng)站建設(shè)，網(wǎng)站制作，網(wǎng)上商城，網(wǎng)站推廣">
  

• B、description(網(wǎng)站內(nèi)容描述)——description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。

  舉例：<meta name="description" content="網(wǎng)站建設(shè)、網(wǎng)站制作專家中企動(dòng)力，為您提供專業(yè)的展示型網(wǎng)站建設(shè)">
  

• C、robots(機(jī)器人向?qū)?——robots用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。
  　　　　
  舉例：<meta name="robots" content="none">
  Note：content的參數(shù)有 all, none, index, noindex, follow, nofollow, 默認(rèn)是all。

• D、author(作者)——標(biāo)注網(wǎng)頁(yè)的作者

  舉例：<meta name="author" content="root,root@21cn.com">
  

3、meta標(biāo)簽的主要作用

• 是提供網(wǎng)頁(yè)的元信息

4、meta標(biāo)簽的功能

• 1、幫助主頁(yè)被各大搜索引擎登錄
• 2、定義頁(yè)面的使用語(yǔ)言
• 3、自動(dòng)刷新并指向新的頁(yè)面
• 4、實(shí)現(xiàn)網(wǎng)頁(yè)轉(zhuǎn)換時(shí)的動(dòng)畫效果
• 5、控制頁(yè)面緩沖
• 6、控制網(wǎng)頁(yè)顯示的窗口

5、解析一個(gè)例子

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

• http-equiv：類似于HTTP的頭部協(xié)議，設(shè)定頁(yè)面使用的字符集
• content(內(nèi)容類型)：這個(gè)網(wǎng)頁(yè)的格式是文本的 ( 常見(jiàn)的還有xml等類型 )
• charset(編碼)：這個(gè)網(wǎng)頁(yè)的編碼是UTF-8（這里是網(wǎng)頁(yè)內(nèi)容的編碼,而不是文件本身的）

參考文章推薦：
HTML基礎(chǔ)
HTML學(xué)習(xí)