天天看點

Qt如何顯示國際音标 HTML字元實體(Character Entities),轉義字元串(Escape Sequence) HTML特殊轉義字元清單

注意:使用本人原創文章請留言,轉帖請注明來源

最近使用Qt開發了一個詞典工具,伺服器傳回來的單詞音标是用html轉義字元标示的,在Qlabel或者QTextBrowser中顯示音标就成為問題,比如:change[tʃeindʒ]

伺服器傳過來的是[t&#643;eind&#658;],一開始找到一個辦法,使用<font >[t&#643;eind&#658;]</font>後,windows7下非常正常,程式經過xp使用者測試,轉義字元的音标顯示不出來,<span style='font-family:"MS Mincho";'>&#643;</span>大部分xp使用者顯示正常了,小部分使用者還是不行,弄的有點狼狽,把MS Mincho換成MS Gothic,所有xp使用者都正常了,上述方法中的字元集,是通過把音标粘貼進word,另存為html檔案,分析html代碼後得到的。

html轉義字元網站http://114.xixik.com/character/

HTML字元實體(Character Entities),轉義字元串(Escape Sequence)

為什麼要用轉義字元串?

HTML中<,>,&等有特殊含義(<,>,用于連結簽,&用于轉義),不能直接使用。這些符号是不顯示在我們最終看到的網頁裡的,那如果我們希望在網頁中顯示這些符号,該怎麼辦呢?

這就要說到HTML轉義字元串(Escape Sequence)了。

轉義字元串(Escape Sequence)也稱字元實體(Character Entity)。在HTML中,定義轉義字元串的原因有兩個:第一個原因是像“<”和“>”這類符号已經用來表示HTML标簽,是以就不能直接當作文本中的符号來使用。為了在HTML文檔中使用這些符号,就需要定義它的轉義字元串。當解釋程式遇到這類字元串時就把它解釋為真實的字元。在輸入轉義字元串時,要嚴格遵守字母大小寫的規則。第二個原因是,有些字元在ASCII字元集中沒有定義,是以需要使用轉義字元串來表示。

轉義字元串的組成

轉義字元串(Escape Sequence),即字元實體(Character Entity)分成三部分:第一部分是一個&符号,英文叫ampersand;第二部分是實體(Entity)名字或者是#加上實體(Entity)編号;第三部分是一個分号。

比如,要顯示小于号(<),就可以寫 &lt; 或者 &#60; 。

用實體(Entity)名字的好處是比較好了解,一看lt,大概就猜出是less than的意思,但是其劣勢在于并不是所有的浏覽器都支援最新的Entity名字。而實體(Entity)編号,各種浏覽器都能處理。

提示:實體名稱(Entity)是區分大小寫的。

備注:同一個符号,可以用“實體名稱”和“實體編号”兩種方式引用,“實體名稱”的優勢在于便于記憶,但不能保證所有的浏覽器都能順利識别它,而“實體編号”則沒有這種擔憂,但它實在不友善記憶。

如何顯示空格?

通常情況下,HTML會自動截去多餘的空格。不管你加多少空格,都被看做一個空格。比如你在兩個字之間加了10個空格,HTML會截去9個空格,隻保留一個。為了在網頁中增加空格,你可以使用&nbsp;表示空格。

HTML特殊轉義字元清單

最常用的字元實體

Character Entities

顯示 說明 實體名稱 實體編号
半方大的空白 &ensp; &#8194;
全方大的空白 &emsp; &#8195;
不斷行的空白格 &#160;
< 小于 &lt; &#60;
> 大于 &gt; &#62;
& &符号 &amp; &#38;
" 雙引号 &quot; &#34;
© 版權 &copy; &#169;
® 已注冊商标 &reg; &#174;
商标(美國) &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

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

HTML 4.01 支援 ISO 8859-1 (Latin-1) 字元集。

備注:為了友善起見,以下表格中,“實體名稱”簡稱為“名稱”,“實體編号”簡稱為“編号”

顯示 名稱 編号 顯示 名稱 編号 顯示 名稱 編号 顯示 名稱 編号 顯示 名稱 編号
&#160; ¡ &iexcl; &#161; ¢ &cent; &#162; £ &pound; &#163; ¤ &curren; &#164;
¥ &yen; &#165; ¦ &brvbar; &#166; § &sect; &#167; ¨ &uml; &#168; © &copy; &#169;
ª &ordf; &#170; « &laquo; &#171; ¬ &not; &#172; &shy; &#173; ® &reg; &#174;
¯ &macr; &#175; ° &deg; &#176; ± &plusmn; &#177; ² &sup2; &#178; ³ &sup3; &#179;
´ &acute; &#180; µ &micro; &#181; &para; &#182; · &middot; &#183; ¸ &cedil; &#184;
¹ &sup1; &#185; º &ordm; &#186; » &raquo; &#187; ¼ &frac14; &#188; ½ &frac12; &#189;
¾ &frac34; &#190; ¿ &iquest; &#191; À &Agrave; &#192; Á &Aacute; &#193; Â &Acirc; &#194;
à &Atilde; &#195; Ä &Auml; &#196; Å &Aring; &#197; Æ &AElig; &#198; Ç &Ccedil; &#199;
È &Egrave; &#200; É &Eacute; &#201; Ê &Ecirc; &#202; Ë &Euml; &#203; Ì &Igrave; &#204;
Í &Iacute; &#205; Î &Icirc; &#206; Ï &Iuml; &#207; Ð &ETH; &#208; Ñ &Ntilde; &#209;
Ò &Ograve; &#210; Ó &Oacute; &#211; Ô &Ocirc; &#212; Õ &Otilde; &#213; Ö &Ouml; &#214;
× &times; &#215; Ø &Oslash; &#216; Ù &Ugrave; &#217; Ú &Uacute; &#218; Û &Ucirc; &#219;
Ü &Uuml; &#220; Ý &Yacute; &#221; Þ &THORN; &#222; ß &szlig; &#223; à &agrave; &#224;
á &aacute; &#225; â &acirc; &#226; ã &atilde; &#227; ä &auml; &#228; å &aring; &#229;
æ &aelig; &#230; ç &ccedil; &#231; è &egrave; &#232; é &eacute; &#233; ê &ecirc; &#234;
ë &euml; &#235; ì &igrave; &#236; í &iacute; &#237; î &icirc; &#238; ï &iuml; &#239;
ð &eth; &#240; ñ &ntilde; &#241; ò &ograve; &#242; ó &oacute; &#243; ô &ocirc; &#244;
õ &otilde; &#245; ö &ouml; &#246; ÷ &divide; &#247; ø &oslash; &#248; ù &ugrave; &#249;
ú &uacute; &#250; û &ucirc; &#251; ü &uuml; &#252; ý &yacute; &#253; þ &thorn; &#254;
ÿ &yuml; &#255;

數學和希臘字母标志

symbols, mathematical symbols, and Greek letters

顯示 名稱 編号 顯示 名稱 編号 顯示 名稱 編号 顯示 名稱 編号 顯示 名稱 編号
ƒ &fnof; &#402; Α &Alpha; &#913; Β &Beta; &#914; Γ &Gamma; &#915; Δ &Delta; &#916;
Ε &Epsilon; &#917; Ζ &Zeta; &#918; Η &Eta; &#919; Θ &Theta; &#920; Ι &Iota; &#921;
Κ &Kappa; &#922; Λ &Lambda; &#923; Μ &Mu; &#924; Ν &Nu; &#925; Ξ &Xi; &#926;
Ο &Omicron; &#927; Π &Pi; &#928; Ρ &Rho; &#929; Σ &Sigma; &#931; Τ &Tau; &#932;
Υ &Upsilon; &#933; Φ &Phi; &#934; Χ &Chi; &#935; Ψ &Psi; &#936; Ω &Omega; &#937;
α &alpha; &#945; β &beta; &#946; γ &gamma; &#947; δ &delta; &#948; ε &epsilon; &#949;
ζ &zeta; &#950; η &eta; &#951; θ &theta; &#952; ι &iota; &#953; κ &kappa; &#954;
λ &lambda; &#955; μ &mu; &#956; ν &nu; &#957; ξ &xi; &#958; ο &omicron; &#959;
π &pi; &#960; ρ &rho; &#961; ς &sigmaf; &#962; σ &sigma; &#963; τ &tau; &#964;
υ &upsilon; &#965; φ &phi; &#966; χ &chi; &#967; ψ &psi; &#968; ω &omega; &#969;
? &thetasym; &#977; ? &upsih; &#978; ? &piv; &#982; &bull; &#8226; &hellip; &#8230;
&prime; &#8242; &Prime; &#8243; &oline; &#8254; &frasl; &#8260; &weierp; &#8472;
&image; &#8465; &real; &#8476; &trade; &#8482; &alefsym; &#8501; &larr; &#8592;
&uarr; &#8593; &rarr; &#8594; &darr; &#8595; &harr; &#8596; &crarr; &#8629;
&lArr; &#8656; &uArr; &#8657; &rArr; &#8658; &dArr; &#8659; &hArr; &#8660;
&forall; &#8704; &part; &#8706; &exist; &#8707; &empty; &#8709; &nabla; &#8711;
&isin; &#8712; &notin; &#8713; &ni; &#8715; &prod; &#8719; &sum; &#8721;
&minus; &#8722; &lowast; &#8727; &radic; &#8730; &prop; &#8733; &infin; &#8734;
&ang; &#8736; &and; &#8743; &or; &#8744; &cap; &#8745; &cup; &#8746;
&int; &#8747; &there4; &#8756; &sim; &#8764; &cong; &#8773; &asymp; &#8776;
&ne; &#8800; &equiv; &#8801; &le; &#8804; &ge; &#8805; &sub; &#8834;
&sup; &#8835; &nsub; &#8836; &sube; &#8838; &supe; &#8839; &oplus; &#8853;
&otimes; &#8855; &perp; &#8869; &sdot; &#8901; ? &lceil; &#8968; ? &rceil; &#8969;
? &lfloor; &#8970; ? &rfloor; &#8971; ? &lang; &#9001; ? &rang; &#9002; &loz; &#9674;
&spades; &#9824; &clubs; &#9827; &hearts; &#9829; &diams; &#9830;

重要的國際标記

markup-significant and internationalization characters

顯示 名稱 編号 顯示 名稱 編号 顯示 名稱 編号 顯示 名稱 編号 顯示 名稱 編号
" &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轉義符

轉義序列 字元
\b 倒退
\f 走紙換頁
\n 換行
\r 回車
\t 橫向跳格 (Ctrl-I)
\' 單引号
\" 雙引号
\\ 反斜杠

程式設計的時候要注意特殊字元的問題,很多運作時出現的問題都是因為特殊字元的出現而引起的。

注意,由于反斜杠本身用作轉義符,是以不能直接在腳本中鍵入一個反斜杠。如果要産生一個反斜杠,必須一起鍵入兩個反斜杠 (\\)。

編碼轉換(to Unicode)

(程式代碼來源于網絡)

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函數實作這個正向及反向的轉化。 如:

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

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

如果需要對整個頁面轉化,則隻需要在php檔案的頭部加上這三行代碼:

mb_internal_encoding("gb2312"); // 這裡的gb2312是你網站原來的編碼

mb_http_output("HTML-ENTITIES");

ob_start('mb_output_handler');

繼續閱讀