HTML<meta>標簽http-equiv="content-type"屬性的作用是用來設定html網頁文檔的文件類型及文檔字符編碼,瀏覽器會根據此處設定調用相應的字符編碼和處理相應的文檔類型,以便更加準確的顯示文檔的內容!
在HTML文檔的頭部區域<head>和</head>之間添加如下<meta>標簽:
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
這段代碼告訴瀏覽器當前文檔是html網頁類型的文件及該網頁內容的字符編碼是UTF-8,代表的是世界通用的語言編碼;
如果把UTF-8替換成gb2312,就是表示當前文檔類型是HTML網頁類型,該網頁內容的字符編碼是gb2312,代表的是簡體中文,代碼如下:
<meta http-equiv="content-type" content="text/html;charset=gb2312">
text/html,針對是當前文檔本身而言,表示當前文檔的類型是html網頁格式的文本(text),因為html本身就屬于文本格式的一種! 表示文檔類型,除了text/html之外,還有text/css、text/javascript等等。
charset是character set的縮寫,表示的是文檔內容的編碼字符集,不是文檔本身;
Charset編碼類型還是很多的,全球用得最多的就是UTF-8(世界通用的語言編碼),還有GB2312(簡體中文)、BIG5(繁體中文)、ISO-8859-1(英文)、iso-2022-jp(日文)、ks_c_5601(韓文)、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集;
1、content-type屬性將被棄用
在HTML5中新增了一個charset屬性的寫法,代碼如下:
<meta charset="UTF-8" >
這個寫法是html5新增的,是用來替換下面這個content-type屬性寫法:
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
上面這個content-type屬性寫法屬于過去舊的寫法,比html5新增的寫法更加復雜,而且隨著html語言的 發展,html5新增的charset屬性寫法將會逐漸替代舊的寫法,所以,劉代碼建議大家還是盡量使用html5新增的寫法,這種寫法代碼更加簡潔易記!
2、Content-Type和Content-Language
這兩個屬于都是meta標簽的屬性,不同的是:
Content-Type屬性定義的是當前網頁文檔內容的字符編碼,比如,utf-8,gb2312等字符編碼;
Content-Language屬性定義的是當前網頁內容的語言,寫法如下:
<meta http-equiv="content-language" content="zh-cn" >
content后面的zh-cn,表示的中文語言,可以有不同的字符編碼,除了 zh-cn 語言代碼,還可以是EN、FR等語言代碼!
一種語言可能對應有幾種字符編碼,比如,中文語言,有GB3212和GB18030等字符編碼。