HTML 逸出字元表,html逸出字元

來源:互聯網
上載者:User

HTML 逸出字元表,html逸出字元
為什麼要用逸出字元串?

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特殊逸出字元列表

最常用的字元實體:

顯示 說明 實體名稱 實體編號
  半方大的空白 &ensp; &#8194;
  全方大的空白 &emsp; &#8195;
  不斷行的空白格 &nbsp; &#160;
< 小於 &lt; &#60;
> 大於 &gt; &#62;
& &符號 &amp; &#38;
" 雙引號 &quot; &#34;
著作權 &copy; &#169;
登入商標 &reg; &#174;
商標(美國) &#8482;
× 乘號 &times; &#215;
÷ 除號 &divide; &#247;

字元 十進位 逸出字元
" &#34; &quot;
& &#38; &amp;
< &#60; &lt;
> &#62; &gt;
不斷開空格(non-breaking space) &#160; &nbsp;

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

JavaScript轉義符:

逸出序列 字元
\b 退格
\f 走紙換頁
\n 換行
\r 斷行符號
\t 橫向跳格 (Ctrl-I)
\' 單引號
\" 雙引號
\\ 反斜線


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


注意,由於反斜線本身用作轉義符,因此不能直接在指令碼中鍵入一個反斜線。如果要產生一個反斜線,必須一起鍵入兩個反斜線 (\\)。


參考資料:

http://tool.oschina.net/

http://114.xixik.com/character/

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.