ä¸.åæµè§å¨å¯¹äºå符ç¼ç å«åæ¯æç宽æ³ç¨åº¦åå¨å·®å¼ æ ¹æ® HTML4.01 è§èä¸çæè¿°ï¼æå¡ç«¯åºè¯¥æä¾ç»ç¨æ·ç«¯ææ¡£çå符ç¼ç ï¼character encodingï¼ä¿¡æ¯ï¼æç´æ¥çæ¹å¼ä¸ºéè¿ HTTP åè®®ä¸ç "Content-Type" 头å段ç "charset" å°ææ¡£çå符ç¼ç åè¯ç¨æ·ç«¯ãä¾å¦ä»¥ä¸ HTTP 头声æäºå符ç¼ç 为 ISO-8859-1ï¼ Content-Type: text/html; charset=ISO-8859-1 ä½æ¯å¤äºæç§æ åµæ æ³è®¿é®æå¡å¨æ¶ï¼HTML ææ¡£å¯ä»¥å å«æå ³ææ¡£çå符ç¼ç çæ确信æ¯ï¼ META  å ç´ å¯ä»¥ç¨æ¥ä¸ºç¨æ·ç«¯æä¾è¿äºä¿¡æ¯ãä¾å¦æå®å½åææ¡£çå符ç¼ç 为 ISO-8859-1ï¼ææ¡£ä¸åºå å«å¦ä¸ META 声æï¼ <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> å½ HTTP åè®®ä¸ META å ç´ å没ææä¾æå ³ä¸ä¸ªææ¡£çå符ç¼ç ä¿¡æ¯æ¶ï¼HTML è¿ä¸ºä¸äºå ç´ æä¾äºÂ charset  å±æ§ãç»åè¿äºæºå¶ï¼ä½è å¯ä»¥å¨å¾å¤§ç¨åº¦ä¸æé«å½ç¨æ·è·åèµæºæ¶ç¨æ·ç«¯è¯å«å符ç¼ç çæºä¼ã å¦ä½ç¡®å®ä¸ä¸ªææ¡£çå符ç¼ç ç¨æ·ä»£ç å¿ é¡»éµå®ä¸é¢çä¼å 级顺åºï¼ä¼å 级ç±é«è³ä½ï¼ï¼ 1ãHTTP "Content-Type" å段ä¸ç "charset" åæ°ã 2ãMETA 声æä¸ "http-equiv" 为 "Content-Type" 对åºçå¼ä¸ç "charset" çå¼ã 3ãå ç´ ç charset å±æ§ã é®é¢æè¿°ï¼ åæµè§å¨å¯¹äºå符ç¼ç å«åæ¯æç宽æ³ç¨åº¦æå·®å¼ï¼å½æå®äºæµè§å¨æ æ³è¯å«çå符ç¼ç å«åæ¶ï¼æµè§å¨ä¼ä»¥ ç¡®å®ç¼ç çä¼å 级顺åºéç¨è®¾ç½®çæ´ä½ä¼å 级 çå符ç¼ç ï¼ä»¥æ¤ç±»æ¨ã è Chrome Safari Opera ä¸å¯¹å符ç¼ç å«åæçæ¯å ¶ä»æµè§å¨æ´å®½æ³çæ¯æã é æçå½±åï¼ è¥å符ç¼ç å«å设置ä¸å½ï¼åä¼é æ页é¢å¨æäºæµè§å¨ä¸åºç°æåç¼ç é误ï¼å¯¼è´é¡µé¢æ æ³é 读ã é®é¢åæï¼ æ们é常æ åµä¸ä¸ºé¡µé¢è®¾å®çå符ç¼ç ä¿¡æ¯æ对åºå°æµè§å¨å é¨å¤§å¤æ¯å符ç¼ç å«åï¼å¦ ISO-8859-1ã 1ãé¦å åæå½ HTTP "Content-Type" 头å段ç "charset" åæ°ä¸é¡µé¢ä¸ META å ç´ å£°æä¸ "http-equiv" 为 "Content-Type" 对åºçå¼ä¸ç "charset" çå¼ä¸åæ¶åæµè§å¨æéç¨çå符ç¼ç ã <?php   header("Content-Type: text/html; charset= BIG5 "); ?> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset= UTF-8 "/> </head> <body> <script>   document.write((document.charset || document.characterSet).toUpperCase()); </script> </body> </html> ä¸é¢æ¯ä¸æ®µ PHP 代ç ï¼HTTP "Content-Type" 头å段设置äºå符ç¼ç 为 BIG5ï¼é¡µé¢ä¸ç META å ç´ è®¾ç½®äºå符ç¼ç 为 UTF-8ï¼é¡µé¢æ¬èº«çç¼ç ç±»å为 GB2312ã页é¢æ§è¡æ¶ï¼éè¿èæ¬è¾åºäºå½åæµè§å¨æéç¨çå符ç¼ç ç±»åã è¿ä¸ªå¨æ页é¢å¨åæµè§å¨ä¸è¿è¡æ¶åæ¾ç¤ºåºäºÂ BIG5ï¼å¯è§æ¤æ¶æææµè§å¨åéµç § HTML4.01 è§èæè¿°ï¼ä»¥æ´é«ä¼å 级ç HTTP "Content-Type" 头å段ç "charset" åæ°çå¼ä½ä¸ºå符ç¼ç ç±»åã 2ãå¨ç»§ç»æ¥ä¸æ¥çåæä¹åï¼å ç»è®¡ä¸ä¸åæµè§å¨å¯¹äºæ²¡æä»»ä½å符ç¼ç 设å®ç页é¢æéç¨çç¼ç ç±»åï¼ <!DOCTYPE html> <html> <head> </head> <body> <script>   document.write((document.charset || document.characterSet).toUpperCase()); </script> </body> </html> ä¸é¢é¡µé¢ä¸æ²¡æ设å®ä»»ä½çå符ç¼ç ä¿¡æ¯ï¼ååæµè§å¨å¯¹äºè¿ä¸ªé¡µé¢å°ä½¿ç¨åèªçé»è®¤ç¼ç 1 ã页é¢èªèº«çç¼ç 为 GB2312 ã åæµè§å¨ä¸è¿è¡ææå¦ä¸ï¼
IE6 IE7 IE8 Firefox | Chrome Safari | Opera |
å符ç¼ç --- GB2312 | Ã÷û±à Ãë --- ISO-8859-1 | å符ç¼ç --- GBK |
å½é¡µé¢æ²¡æ设置任ä½å符ç¼ç ä¿¡æ¯æè æµè§å¨æ æ³è¯å« HTTP 头å段以å META å ç´ ä¸æ声æçå符ç¼ç ä¿¡æ¯æ¶ï¼æææµè§å¨åä¼ä»¥åèªå¨å½åè¯è¨çæ¬ä¸çé»è®¤å符ç¼ç æ¾ç¤ºé¡µé¢ã     æ¬ä¾ä¸ï¼å 为页é¢èªèº«çç¼ç 为 GB2312 ï¼å Windows å¹³å°ä¸Â IE Firefox Opera  ç®ä½ä¸æççé»è®¤å符ç¼ç å好为 GB2312 ï¼æ以页é¢ä¸çå符æ¾ç¤ºæ£å¸¸ã 3ãä¸é¢çä¸ç»ç¹æ®çä¾åï¼ <?php   header("Content-Type: text/html; charset=maccyrillic"); ?> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=b.i.g+5"/> </head> <body style="font:24px Tahoma;"> å符編碼 --- <script>   document.write((document.charset || document.characterSet).toUpperCase()); </script> </body> </html> ä¸é¢çå¨æ页é¢èªèº«çç¼ç 为 BIG5 ï¼HTTP "Content-Type" 头å段设置äºå符ç¼ç 为 maccyrillic ï¼é¡µé¢ä¸ç META å ç´ è®¾ç½®äºå符ç¼ç 为 b.i.g+5 ã åæµè§å¨ä¸è¿è¡ææå¦ä¸ï¼
IE6 IE7 IE8 Firefox | Chrome Safari | Opera |
îæçµªçµ --- GB2312 | ¶râ¤âÑsÑX --- X-MAC-CYRILLIC | å符編碼 --- BIG5 |
§ å¨Â IE6 IE7 IE8 Firefox  ä¸ï¼æµè§å¨æ æ³è¯å«Â maccyrillic  è¿ç§å符ç¼ç å«åï¼æ以寻æ¾æ´ä½ä¼å 级ç META å ç´ å£°æçå符ç¼ç ï¼ä½åç°ä¹æ æ³è¯å«Â b.i.g+5 è¿ç§å符ç¼ç å«åï¼ç»§èéç¨äºå½åè¯è¨çæ¬çé»è®¤ç¼ç GB2312ï¼ä¸é¡µé¢èªèº«çå符ç¼ç  BIG5  ä¸ç¸ç¬¦ï¼å¯¼è´é¡µé¢ä¸çæåæ¾ç¤ºå¼å¸¸ã § å¨Â Chrome Safari  ä¸ï¼æµè§å¨å°Â maccyrillic  è¯å«ä¸ºåæ³ç X-MAC-CYRILLIC ï¼åä¸åçä¼æ´ä½ä¼å 级çç¼ç 设置ï¼é¡µé¢éç¨Â X-MAC-CYRILLIC  ä½ä¸ºå符çç¼ç ï¼ä¸é¡µé¢èªèº«ç BIG5  ç¼ç ä¸ç¬¦ï¼å¯¼è´é¡µé¢ä¸çæåæ¾ç¤ºå¼å¸¸ã § å¨Â Opera  ä¸ï¼æµè§å¨æ æ³è¯å«Â maccyrillic  è¿ç§å符ç¼ç å«åï¼æ以寻æ¾æ´ä½ä¼å 级ç META å ç´ å£°æçå符ç¼ç ï¼å°Â b.i.g+5  è¿ç§å符ç¼ç å«åè¯å«ä¸ºÂ BIG5 ï¼å好ä¸é¡µé¢èªèº«ç BIG5  å符ç¼ç ç¸ç¬¦ï¼æ以页é¢ä¸çæåæ¾ç¤ºæ£å¸¸ã  åºç°ä¸è¿°ç°è±¡çåå 主è¦æä¸ç¹ï¼ 1ãåæµè§å¨çå符ç¼ç å«å表ä¸å°½ç¸åï¼å¯¹åä¸ç§ç¼ç ä¸çåç§å«åæ¯æç宽æ³ç¨åº¦ä¸ä¸æ ·ãå maccyrillic è¿ç§å«åå¨ Chrome Safari å¯ä»¥è¯å«ä¸ºéç¨ç X-MAC-CYRILLIC 1 ï¼ä½å ¶ä»æµè§å¨åä¼å°å ¶è§ä½é误çå符ç¼ç ä¿¡æ¯å¤çã 2ãåæµè§å¨å¨å¹é 页é¢çå符ç¼ç ä¸å«å表ä¸çå符ç¼ç æ¶ï¼å¹é çæ¹å¼ä¸åãChrome Safari Opera ä¼å°ç¼ç ç±»åçå符串åä¸ä¸ªè½¬æ¢ï¼è¿æ»¤äºé¤è±æ大å°åå符ãæ°åå符ä¹å¤çå符ï¼isASCIIAlphanumericï¼ãå¦ ISO8859_5 ä¼ä»¥è½¬æ¢åç ISO88595 ä¸å«å表ä¸ç ISO-8859-5 转æ¢åç ISO88595 åæ¯è¾ï¼b.i.g+5 ä¹ä¼è½¬æ¢ä¸º big5 ä¸å«å表ä¸çåæ¯è¾ï¼æ以æµè§å¨å¯ä»¥æ£ç¡®è¯å«è¿äºè®¾ç½®çå符ç¼ç 为æµè§å¨å é¨çå«åã 3ãåæµè§å¨çé»è®¤å符ç¼ç ä¸åã 解å³æ¹æ¡ï¼ 1ã* 对äºå¨æ页é¢å¿ é¡»ç¡®ä¿ HTTP "Content-Type" 头å段ç "charset" åæ°ä¸é¡µé¢èªèº«ç¼ç ç¸ç¬¦ï¼ä¸å¡å¿ å¨é¡µé¢ç META å ç´ ä¸ä¹å£°æç¸ç¬¦çå符ç¼ç ä¿¡æ¯ã * 对äºéæ页é¢ï¼å¿ é¡»ä¿è¯é¡µé¢ä¸ META å ç´ å£°æä¸ "http-equiv" 为 "Content-Type" 对åºçå¼ä¸ç "charset" çå¼ä¸é¡µé¢èªèº«ç¼ç ç¸ç¬¦ã 2ãå ¶æ¬¡ï¼å¨è®¾ç½®å符ç¼ç å«åæ¶ï¼æ好使ç¨æéç¨çãåæµè§å¨åå¯è¯å«çç¼ç å«åã  ä¸é¢ååºäºé¨åçå符ç¼ç åå ¶æ¨èçéç¨çå«åå¨åæµè§å¨ä¸çæ¯ææ åµï¼
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyM0kDMygTNwIDMxMDM4EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
 äº. åæµè§å¨å¨HTML页é¢ä¸é¡µé¢ä¸å¼å ¥çå¤é¨CSSæ件ç¼ç ä¸ä¸è´æ¶è¡¨ç°ä¸å æ ååè æ ¹æ® CSS 2.1 è§èçæè¿°ï¼åºæç §ä»¥ä¸ä¼å 级æ¥ç¡®å®ä¸ä¸ªå¤é¨ CSS æ件çç¼ç ï¼ 1ãHTTP ååºå¤´ä¸ "Content-Type" å段ç "charset" åæ°æå®çç¼ç ã 2ãBOM 以å/æè @charset å®ä¹çç¼ç ã 3ã<link charset=""> æå ¶ä»é¾æ¥æºå¶æä¾çå æ°æ®ï¼å¦ææçè¯ï¼æå®çç¼ç ã 4ãå¼å ¥è¯¥ CSS æ件ç HTML æå¦ä¸ä¸ª CSS æ件ï¼å¦ææçè¯ï¼ä¸å·²ç¡®å®çç¼ç ã 5ãå¦æ以ä¸å æ¥é½æ²¡è½ç¡®å®ç¼ç ï¼ååå®å ¶ç¼ç 为 UTF-8ã é®é¢æè¿° å¦æä¸ä¸ªå¤é¨ CSS æ件çç¼ç ä¸å¼å ¥è¯¥æ件ç HTML æ件çç¼ç ä¸ä¸è´ï¼å¹¶ä¸æ²¡æ æ¾å¼ç声æ 该 CSS æ件çç¼ç ï¼å¨æäºæ åµä¸ä¼é æ CSS ç解æé误ã é æçå½±å 该é®é¢å°é æ页é¢å¸å±å¨ä¸äºæµè§å¨ä¸ä¸é¢æçææä¸ç¬¦ã é®é¢åæ 对äºä¸ä¸ªæªæ¾å¼å£°æç¼ç ç CSS æ件ï¼æµè§å¨ä¼å°å ¶ç¼ç 认为ä¸å¼å ¥è¯¥æ件çæ件çç¼ç ä¸è´ãå¨ä¸äºç¹å®çæ åµä¸ï¼å°é æ CSS 代ç 解æå¼å¸¸ã举ä¾å¦ä¸ï¼ HTML 代ç ï¼ç¼ç 为 UTF-8ï¼ï¼ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css"  href="css.css" target="_blank" rel="external nofollow" /> </head> <body>   <h1>å 容ææ¬</h1> </body> </html> 以ä¸é¡µé¢å¼å ¥ç css.css ç代ç ï¼ç¼ç 为 GB2312ï¼ï¼ h1 {   margin:0;   width:100px;   height:100px;   background:blue;   font:20px/100px "é»ä½";   text-decoration:underline;   color:red; } å设ä¸è¿°ä¸¤ä¸ªæ件åä¸ºå¨ HTTP ååºå¤´ä¸è®¾å®ç¼ç ï¼å¨åæµè§å¨ä¸è¡¨ç°å¦ä¸ï¼
IE6 | å ¶ä»æµè§å¨ |
 |  |
å¯è§ï¼IE6 æ CSS æ件ä»âé»ä½âäºåå°è§åç»æçæ ·å¼é½æ²¡æèµ·ä½ç¨ï¼å ¶ä»æµè§å¨ä¸ä» âé»ä½âäºå解æé误ã 产çè¿ç§å·®å¼çåå æ¯åæµè§å¨å¯¹ä¸è¿ç§é误ç容éæ¹å¼ä¸åã æç §è§èçè§å®ï¼å¨è¿ç§æ åµä¸ï¼æµè§å¨ä¼è®¤ä¸º CSS æ件çç¼ç ä¸é¡µé¢ä¸è´ï¼å³ UTF-8ï¼ä½ GB2312 ç¼ç ä¸çä¸ä¸ªä¸æåç¬¦æ¯ 2 个åèï¼å¨ UTF-8 ç¼ç ä¸å为 3 个åèï¼å¨æ GB2312 ç¼ç ä¸çâé»ä½âäºåå½ä½ UTF-8 ç¼ç çæåæ¥è§£æçæ¶åï¼å¾å°çæ¯â����âï¼è¿å¹¶ä¸æ¯é¢æçå¼ãæ£æ¯è¿ä¸ªå¼å¯¼è´äºæ ·å¼å®ä¹å¨åæµè§å¨ä¸é½æ æ³æç §é¢æ被解æã 解å³æ¹æ¡ å½ HTML æ件æ CSS æ件è¦å¼å ¥ä¸ä¸ªä¸åç¼ç ç CSS æ件æ¶ï¼è¦æ确声æ被å¼å ¥ç CSS æ件çç¼ç ã å¦ä»¥ä¸ç举ä¾ï¼å¨ CSS æ件çå¼å¤´å ä¸ä¸è¡ 1 ï¼ @charset "GB2312"; æè å¨åæ件ç HTTP ååºå¤´ä¸å£°æ该æ件å®é 使ç¨çç¼ç ã 注ï¼1. è½ç¶ CSS 2.1 è§èä¹å è®¸å¨ LINK æ ç¾ä¸æ·»å 'charset' å±æ§æ¥ æå®ç¼ç ï¼ä½ IE6 IE7 IE8(Q) ä¸æ¯æã ï¼å端å°ç½ï¼å¦æé误ï¼æ¬¢è¿ææ£~~ï¼