為什么要用轉(zhuǎn)義字符串？

HTML中<，>，&等有特殊含義（<，>，用于鏈接簽，&用于轉(zhuǎn)義），不能直接使用。這些符號(hào)是不顯示在我們最終看到的網(wǎng)頁(yè)里的，那如果我們希望在網(wǎng)頁(yè)中顯示這些符號(hào)，該怎么辦呢？

這就要說(shuō)到HTML轉(zhuǎn)義字符串（Escape Sequence）了。

轉(zhuǎn)義字符串（Escape Sequence）也稱字符實(shí)體(Character Entity)。在HTML中，定義轉(zhuǎn)義字符串的原因有兩個(gè)：第一個(gè)原因是像“<”和“>”這類符號(hào)已經(jīng)用來(lái)表示HTML標(biāo)簽，因此就不能直接當(dāng)作文本中的符號(hào)來(lái)使用。為了在HTML文檔中使用這些符號(hào)，就需要定義它的轉(zhuǎn)義字符串。當(dāng)解釋程序遇到這類字符串時(shí)就把它解釋為真實(shí)的字符。在輸入轉(zhuǎn)義字符串時(shí)，要嚴(yán)格遵守字母大小寫的規(guī)則。第二個(gè)原因是，有些字符在ASCII字符集中沒(méi)有定義，因此需要使用轉(zhuǎn)義字符串來(lái)表示。

轉(zhuǎn)義字符串的組成

轉(zhuǎn)義字符串（Escape Sequence），即字符實(shí)體（Character Entity）分成三部分：第一部分是一個(gè)&符號(hào)，英文叫ampersand；第二部分是實(shí)體（Entity）名字或者是#加上實(shí)體（Entity）編號(hào)；第三部分是一個(gè)分號(hào)。

比如，要顯示小于號(hào)（<），就可以寫 &lt; 或者 &#60; 。

用實(shí)體（Entity）名字的好處是比較好理解，一看lt，大概就猜出是less than的意思，但是其劣勢(shì)在于并不是所有的瀏覽器都支持最新的Entity名字。而實(shí)體(Entity)編號(hào)，各種瀏覽器都能處理。

提示：實(shí)體名稱（Entity）是區(qū)分大小寫的。

備注：同一個(gè)符號(hào)，可以用“實(shí)體名稱”和“實(shí)體編號(hào)”兩種方式引用，“實(shí)體名稱”的優(yōu)勢(shì)在于便于記憶，但不能保證所有的瀏覽器都能順利識(shí)別它，而“實(shí)體編號(hào)”則沒(méi)有這種擔(dān)憂，但它實(shí)在不方便記憶。

如何顯示空格？

通常情況下，HTML會(huì)自動(dòng)截去多余的空格。不管你加多少空格，都被看做一個(gè)空格。比如你在兩個(gè)字之間加了10個(gè)空格，HTML會(huì)截去9個(gè)空格，只保留一個(gè)。為了在網(wǎng)頁(yè)中增加空格，你可以使用&nbsp;表示空格。

---

HTML特殊轉(zhuǎn)義字符列表

最常用的字符實(shí)體
Character Entities

顯示	說(shuō)明	實(shí)體名稱	實(shí)體編號(hào)
	半方大的空白	 	 
	全方大的空白	 	 
	不斷行的空白格	 	 
<	小于	&lt;	&#60;
>	大于	&gt;	&#62;
&	&符號(hào)	&amp;	&#38;
"	雙引號(hào)	&quot;	&#34;
©	版權(quán)	&copy;	&#169;
®	已注冊(cè)商標(biāo)	&reg;	&#174;
™	商標(biāo)（美國(guó)）	™	&#8482;
×	乘號(hào)	&times;	&#215;
÷	除號(hào)	&divide;	&#247;

ISO 8859-1 (Latin-1)字符集

HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。

備注：為了方便起見(jiàn)，以下表格中，“實(shí)體名稱”簡(jiǎn)稱為“名稱”，“實(shí)體編號(hào)”簡(jiǎn)稱為“編號(hào)”

顯示	名稱	編號(hào)	顯示	名稱	編號(hào)	顯示	名稱	編號(hào)	顯示	名稱	編號(hào)	顯示	名稱	編號(hào)
	 	 	¡	¡	¡	¢	¢	¢	£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦	§	§	§	¨	¨	¨	©	©	©
ª	ª	ª	«	«	«	¬	¬	¬	­	­	­	®	®	®
¯	¯	¯	°	°	°	±	±	±	²	²	²	³	³	³
´	´	´	µ	µ	µ	¶	¶	¶	·	·	·	¸	¸	¸
¹	¹	¹	º	º	º	»	»	»	¼	¼	¼	½	½	½
¾	¾	¾	¿	¿	¿	À	À	À	Á	Á	Á	Â	Â	Â
Ã	Ã	Ã	Ä	Ä	Ä	Å	Å	Å	Æ	Æ	Æ	Ç	Ç	Ç
È	È	È	É	É	É	Ê	Ê	Ê	Ë	Ë	Ë	Ì	Ì	Ì
Í	Í	Í	Î	Î	Î	Ï	Ï	Ï	Ð	Ð	Ð	Ñ	Ñ	Ñ
Ò	Ò	Ò	Ó	Ó	Ó	Ô	Ô	Ô	Õ	Õ	Õ	Ö	Ö	Ö
×	×	×	Ø	Ø	Ø	Ù	Ù	Ù	Ú	Ú	Ú	Û	Û	Û
Ü	Ü	Ü	Ý	Ý	Ý	Þ	Þ	Þ	ß	ß	ß	à	à	à
á	á	á	â	â	â	ã	ã	ã	ä	ä	ä	å	å	å
æ	æ	æ	ç	ç	ç	è	è	è	é	é	é	ê	ê	ê
ë	ë	ë	ì	ì	ì	í	í	í	î	î	î	ï	ï	ï
ð	ð	ð	ñ	ñ	ñ	ò	ò	ò	ó	ó	ó	ô	ô	ô
õ	õ	õ	ö	ö	ö	÷	÷	÷	ø	ø	ø	ù	ù	ù
ú	ú	ú	û	û	û	ü	ü	ü	ý	ý	ý	þ	þ	þ
ÿ	ÿ	ÿ

數(shù)學(xué)和希臘字母標(biāo)志
symbols, mathematical symbols, and Greek letters

顯示	名稱	編號(hào)	顯示	名稱	編號(hào)	顯示	名稱	編號(hào)	顯示	名稱	編號(hào)	顯示	名稱	編號(hào)
ƒ	ƒ	ƒ	Α	Α	Α	Β	Β	Β	Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ	Η	Η	Η	Θ	Θ	Θ	Ι	Ι	Ι
Κ	Κ	Κ	Λ	Λ	Λ	Μ	Μ	Μ	Ν	Ν	Ν	Ξ	Ξ	Ξ
Ο	Ο	Ο	Π	Π	Π	Ρ	Ρ	Ρ	Σ	Σ	Σ	Τ	Τ	Τ
Υ	Υ	Υ	Φ	Φ	Φ	Χ	Χ	Χ	Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β	γ	γ	γ	δ	δ	δ	ε	ε	ε
ζ	ζ	ζ	η	η	η	θ	θ	θ	ι	ι	ι	κ	κ	κ
λ	λ	λ	μ	μ	μ	ν	ν	ν	ξ	ξ	ξ	ο	ο	ο
π	π	π	ρ	ρ	ρ	ς	ς	ς	σ	σ	σ	τ	τ	τ
υ	υ	υ	φ	φ	φ	χ	χ	χ	ψ	ψ	ψ	ω	ω	ω
?	ϑ	ϑ	?	ϒ	ϒ	?	ϖ	ϖ	•	•	•	…	…	…
′	′	′	″	″	″	‾	‾	‾	⁄	⁄	⁄	℘	℘	℘
ℑ	ℑ	ℑ	ℜ	ℜ	ℜ	™	™	™	ℵ	ℵ	ℵ	←	←	←
↑	↑	↑	→	→	→	↓	↓	↓	↔	↔	↔	↵	↵	↵
⇐	⇐	⇐	⇑	⇑	⇑	⇒	⇒	⇒	⇓	⇓	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂	∃	∃	∃	∅	∅	∅	∇	∇	∇
∈	∈	∈	∉	∉	∉	∋	∋	∋	∏	∏	∏	∑	∑	∑
−	−	−	∗	∗	∗	√	√	√	∝	∝	∝	∞	∞	∞
∠	∠	∠	∧	∧	∧	∨	∨	∨	∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	∴	∴	∼	∼	∼	∝	≅	≅	≈	≈	≈
≠	≠	≠	≡	≡	≡	≤	≤	≤	≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	⊄	⊄	⊆	⊆	⊆	⊇	⊇	⊇	⊕	⊕	⊕
⊗	⊗	⊗	⊥	⊥	⊥	⋅	⋅	⋅	?	⌈	⌈	?	⌉	⌉
?	⌊	⌊	?	⌋	⌋	?	⟨	〈	?	⟩	〉	◊	◊	◊
♠	♠	♠	♣	♣	♣	♥	♥	♥	♦	♦	♦

重要的國(guó)際標(biāo)記
markup-significant and internationalization characters

顯示	名稱	編號(hào)	顯示	名稱	編號(hào)	顯示	名稱	編號(hào)	顯示	名稱	編號(hào)	顯示	名稱	編號(hào)
"	&quot;	&#34;	&	&amp;	&#38;	<	&lt;	&#60;	>	&gt;	&#62;	Œ	&OElig;	&#338;
œ	&oelig;	&#339;	Š	&Scaron;	&#352;	š	&scaron;	&#353;	Ÿ	&Yuml;	&#376;	ˆ	&circ;	&#710;
˜	&tilde;	&#732;		&ensp;	&#8194;		&emsp;	&#8195;		&thinsp;	&#8201;	‌	&zwnj;	&#8204;
‍	&zwj;	&#8205;	‎	&lrm;	&#8206;	‏	&rlm;	&#8207;	–	&ndash;	&#8211;	—	&mdash;	&#8212;
‘	&lsquo;	&#8216;	’	&rsquo;	&#8217;	‚	&sbquo;	&#8218;	“	&ldquo;	&#8220;	”	&rdquo;	&#8221;
„	&bdquo;	&#8222;	†	&dagger;	&#8224;	‡	&Dagger;	&#8225;	‰	&permil;	&#8240;	‹	&lsaquo;	&#8249;
›	&rsaquo;	&#8250;	�	&euro;	&#8364;

---

JavaScript轉(zhuǎn)義符

轉(zhuǎn)義序列	字符
\b	退格
\f	走紙換頁(yè)
\n	換行
\r	回車
\t	橫向跳格 (Ctrl-I)
\'	單引號(hào)
\"	雙引號(hào)
\\	反斜杠

編程的時(shí)候要注意特殊字符的問(wèn)題，很多運(yùn)行時(shí)出現(xiàn)的問(wèn)題都是因?yàn)樘厥庾址�的出現(xiàn)而引起的。

注意，由于反斜杠本身用作轉(zhuǎn)義符，因此不能直接在腳本中鍵入一個(gè)反斜杠。如果要產(chǎn)生一個(gè)反斜杠，必須一起鍵入兩個(gè)反斜杠 (\\)。

---

編碼轉(zhuǎn)換（to Unicode）

（程序代碼來(lái)源于網(wǎng)絡(luò)）

Js版

<script>
     test = "你好abc"
     str = ""
     for( i=0;    i<test.length; i++ )
     {
      temp = test.charCodeAt(i).toString(16);
      str    += "\\u"+ new Array(5-String(temp).length).join("0") +temp;
     }
     document.write (str)
</script>

vbs版

Function Unicode(str1)
     Dim str,temp
     str = ""
     For i=1    to len(str1)
      temp = Hex(AscW(Mid(str1,i,1)))
      If len(temp) < 5 Then    temp = right("0000" & temp, 4)
      str = str & "\u" & temp
     Next
     Unicode = str
End Function

Function htmlentities(str)
     For i = 1 to Len(str)
         char = mid(str, i, 1)
         If Ascw(char) > 128 then
             htmlentities = htmlentities & "&#" & Ascw(char) & ";"
         Else
             htmlentities = htmlentities & char
         End if
     Next
End Function

coldfusion版

function nochaoscode(str)
{
     var new_str = “”;
     for(i=1; i lte len(str);i=i+1){
         if(asc(mid(str,i,1)) lt 128){
             new_str = new_str & mid(str,i,1);
         }else{
             new_str = new_str & “&##” & asc(mid(str,i,1));
         }
     }
     return new_str;
}

---

附：

在php中我們可以用mbstring的mb_convert_encoding函數(shù)實(shí)現(xiàn)這個(gè)正向及反向的轉(zhuǎn)化。 如：

mb_convert_encoding ("你好", "HTML-ENTITIES", "gb2312"); //輸出：&#20320;&#22909;

mb_convert_encoding ("&#20320;&#22909;", "gb2312", "HTML-ENTITIES"); //輸出：你好

如果需要對(duì)整個(gè)頁(yè)面轉(zhuǎn)化，則只需要在php文件的頭部加上這三行代碼：

mb_internal_encoding("gb2312"); // 這里的gb2312是你網(wǎng)站原來(lái)的編碼

mb_http_output("HTML-ENTITIES");

ob_start('mb_output_handler');