<meta>http-equiv屬性和name屬性

<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瀏覽器。        
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 帶文本的標簽自動生成font標簽的原因和解決方式: 某天測試自己寫的網站的時候突然發現一些按鈕的點擊功能失效,在控...
    空谷悠閱讀 30,726評論 0 6
  • 很可能你的應用是與一個支持HTTPS傳輸數據的服務器交互,但是并沒有使用TLS 1.2或更高。在這種情況下,你定義...
    Www劉閱讀 3,137評論 0 5
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,535評論 0 17
  • 真的努力的想早睡,可無奈最近睡眠質量實在是不好,有點聲音就睡不好。那我就在大半夜的時候發個聲。 今天,普利策獎...
    共長歌閱讀 104評論 0 0
  • 吃完飯回來,發現愛售前群消息提示已經99+,滿懷欣喜,把所有的消息全部加載出來,打算探個究竟。原來大家從聊購房事件...
    仰望孤燈閱讀 586評論 0 2