1味滞、meta標簽是什么
- meta 是 html 的元標簽熄求，其中包含了對應(yīng)html的相關(guān)信息次兆，客戶端瀏覽器或服務(wù)端程序都會根據(jù)這些信息進行處理
2箱舞、meta標簽有兩個屬性
- ** http-equid贮折，name**
-
http-equiv類似于HTTP的頭部協(xié)議裤翩，它回應(yīng)給瀏覽器一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容，與之對應(yīng)的屬性值為content踊赠，content中的內(nèi)容其實就是各個參數(shù)的變量值呵扛。 -
name屬性主要用于描述網(wǎng)頁，與之對應(yīng)的屬性值為content筐带，content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的今穿。
1、http-equiv屬性
語法格式是：<meta http-equiv="參數(shù)" content="參數(shù)變量值">
其中 http-equiv 屬性主要有以下幾種參數(shù)（常用的前3個）：
-
A伦籍、content-Type(顯示字符集的設(shè)定)——設(shè)定頁面使用的字符集蓝晒。
用法：<meta http-equiv="content-Type" content="text/html; charset=utf-8"> -
B、content-Language（顯示語言的設(shè)定）——設(shè)定頁面使用的語言帖鸦，用以說明主頁制作所使用的語言和文字
用法：<meta http-equiv="Content-Language" content="zh-cn" /> -
C芝薇、Refresh(刷新)——自動刷新并指向新頁面。
用法： <meta http-equiv="refresh" content="2"> //每隔2秒鐘作儿，自動刷新網(wǎng)頁一次 <meta http-equiv="refresh" content="2;url=http://www.baidu.com"> //2秒鐘后洛二，自動刷新到URL網(wǎng)址 -
D、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的時間格式娶吞。 -
E垒迂、Expires(期限)——可以用于設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期寝志，必須到服務(wù)器上重新傳輸娇斑。
用法：<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT"> 注意：必須使用GMT的時間格式。
-
F材部、Pragma(cache模式)——禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容毫缆。
用法：<meta http-equiv="Pragma" content="no-cache"> 注意：這樣設(shè)定，訪問者將無法脫機瀏覽乐导】喽。
-
G、Window-target(顯示窗口的設(shè)定)——強制頁面在當(dāng)前窗口以獨立頁面顯示物臂。
用法：<meta http-equiv="Window-target" content="_top"> 注意：用來防止別人在框架里調(diào)用自己的頁面旺拉。
2、name屬性
語法格式是：<meta name="參數(shù)" content="具體的參數(shù)值"> 棵磷。
其中name屬性主要有以下幾種參數(shù)（常用的前2個）：
-
A蛾狗、Keywords(關(guān)鍵字)——keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么。
舉例：<meta name ="keywords" content=" 網(wǎng)站建設(shè)仪媒，網(wǎng)站制作沉桌，網(wǎng)上商城，網(wǎng)站推廣"> -
B、description(網(wǎng)站內(nèi)容描述)——description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容留凭。
舉例：<meta name="description" content="網(wǎng)站建設(shè)佃扼、網(wǎng)站制作專家中企動力，為您提供專業(yè)的展示型網(wǎng)站建設(shè)"> C蔼夜、robots(機器人向?qū)?——robots用來告訴搜索機器人哪些頁面需要索引兼耀，哪些頁面不需要索引。
舉例：<meta name="robots" content="none">
Note：content的參數(shù)有 all, none, index, noindex, follow, nofollow, 默認是all求冷。-
D瘤运、author(作者)——標注網(wǎng)頁的作者
舉例：<meta name="author" content="root,root@21cn.com">
3、meta標簽的主要作用
- 是提供網(wǎng)頁的元信息
4遵倦、meta標簽的功能
- 1尽超、幫助主頁被各大搜索引擎登錄
- 2、定義頁面的使用語言
- 3梧躺、自動刷新并指向新的頁面
- 4似谁、實現(xiàn)網(wǎng)頁轉(zhuǎn)換時的動畫效果
- 5、控制頁面緩沖
- 6掠哥、控制網(wǎng)頁顯示的窗口
5巩踏、解析一個例子
<meta http-equiv="content-Type" content="text/html; charset=utf-8">
-
http-equiv：類似于HTTP的頭部協(xié)議，設(shè)定頁面使用的字符集 -
content(內(nèi)容類型)：這個網(wǎng)頁的格式是文本的 ( 常見的還有xml等類型 ) -
charset(編碼)：這個網(wǎng)頁的編碼是UTF-8（這里是網(wǎng)頁內(nèi)容的編碼,而不是文件本身的）
參考文章推薦：
HTML基礎(chǔ)
HTML學(xué)習(xí)
