<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<base target="_blank" />
</head>
meta標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性
1、name:<meta name="參數" content="具體的參數值"> 。
A、keywords
<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">
B、description
<meta name="description" content="This page is about the meaning of science, education,culture.">
C、robots
content的參數有all,none,index,noindex,follow,nofollow。默認是all。
<meta name="robots" content="none">
D、author
<meta name="author" content="root,root@21cn.com">
2、http-equiv屬性
<meta http-equiv="參數" content="參數變量值">
http-equiv="Content-Type" 表示描述文檔類型
content="text/HTML; 文檔類型,這里為html,如果JS就是text/javascript,
charset=utf-8 頁面字符集,編碼,eg:gb2312,iso-8859-1,utf-8
A、Expires(期限)
說明:可以用于設定網頁的到期時間。一旦網頁過期,必須到服務器上重新傳輸。
用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意:必須使用GMT的時間格式。
B、Pragma(cache模式)
說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內容。
用法:<meta http-equiv="Pragma" content="no-cache">
注意:這樣設定,訪問者將無法脫機瀏覽。
C、Refresh(刷新)
說明:自動刷新并指向新頁面。
用法:<meta http-equiv="Refresh" content="2;URL=http://www.root.net">(注意后面的引號,分別在秒數的前面和網址的后面)
注意:其中的2是指停留2秒鐘后自動刷新到URL網址。
D、Set-Cookie(cookie設定)
說明:如果網頁過期,那么存盤的cookie將被刪除。
用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">
注意:必須使用GMT的時間格式。
E、Window-target(顯示窗口的設定)
說明:強制頁面在當前窗口以獨立頁面顯示。
用法:<meta http-equiv="Window-target" content="_top">
注意:用來防止別人在框架里調用自己的頁面。
F、content-Type(顯示字符集的設定)
說明:設定頁面使用的字符集。
用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">
G、content-Language(顯示語言的設定)
用法:<meta http-equiv="Content-Language" content="zh-cn" />
以下兩種寫法均正確,后者描述更精準,但目前瀏覽器和操作系統都只支持前者,使用新標準可能會造成無法匹配瀏覽器用戶定義字體、網頁翻譯、程序語言自動切換等功能,前端和碼農為了兼容性推薦使用前者:
zh-CN 中文 (簡體, 中國大陸) 對應 cmn-Hans-CN 普通話 (簡體, 中國大陸)
zh-SG 中文 (簡體, 新加坡) 對應 cmn-Hans-SG 普通話 (簡體, 新加坡)
zh-HK 中文 (繁體, 香港) 對應 cmn-Hant-HK 普通話 (繁體, 香港)
zh-MO 中文 (繁體, 澳門) 對應 cmn-Hant-MO 普通話 (繁體, 澳門)
zh-TW 中文 (繁體, 臺灣) 對應 cmn-Hant-TW 普通話 (繁體, 臺灣)
-----------------------------------------------日常積累---------------------------------------------------------
focus:兼容性考量
<meta http-equiv=”X-UA-Compatible” content=”IE=7, IE=9″>
使IE7 IE8瀏覽器使用IE7模式渲染。IE9就用自己的IE9模式渲染。
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
IE=edge告訴IE使用最新的引擎渲染頁面,
chrome=1則可以激活Google Chrome Frame。
達到的效果是如果安裝了GCF,則使用GCF來渲染頁面,如果沒安裝GCF,
則使用最高版本的IE內核進行渲染。Google Chrome Frame(谷歌內嵌瀏覽
器框架GCF)。這個插件可以讓用戶的IE瀏覽器外不變,但用戶在瀏覽網頁
時,實際上使用的是Google Chrome瀏覽器內核,而且支持IE6、7、8等多
個版本的IE瀏覽器。