HTML特殊字元顯示

Corwien發表於2019-02-16

有些字元在HTML裡有特別的含義,比如小於號<就表示HTML Tag的開始,這個小於號是不顯示在我們最終看到的網頁裡的。那如果我們希望在網頁中顯示一個小於號,該怎麼辦呢?這就要說到HTML字元實體(HTML Character Entities)了。

HTML字元實體(Character Entities)

有些字元在HTML裡有特別的含義,比如小於號<就表示HTML Tag的開始,這個小於號是不顯示在我們最終看到的網頁裡的。那如果我們希望在網頁中顯示一個小於號,該怎麼辦呢?

這就要說到HTML字元實體(HTML Character Entities)了。

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

比如,要顯示小於號,就可以寫&lt;或者&#60;。

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

注意:Entity是區分大小寫的。

如何顯示空格

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

最常用的字元實體(Character Entities)

顯示結果    說明             Entity Name        Entity Number
         顯示一個空格     &nbsp;                &#160;
<        小於             &lt;                &#60;
>        大於             &gt;                &#62;
&        &符號            &amp;            &#38;
"        雙引號          &quot;            &#34;
`       單引號                           &#39; 

其他常用的字元實體(Character Entities)

結果   說明      Entity Name    Entity Number
©     版權       &copy;         &#169;
®     註冊商標    &reg;          &#174;
×     乘號       &times;        &#215;
÷     除號       &divide;       &#247;

更多字元實體(Character Entities)

字元 十進位制字元編號  實體名字    說明
--- &#00;          ---        未使用Unused
--- &#01;          ---        未使用Unused
--- &#02;          ---        未使用Unused
--- &#03;          ---        未使用Unused
--- &#04;          ---        未使用Unused
--- &#05;          ---        未使用Unused
--- &#06;           ---       未使用Unused
--- &#07;           ---       未使用Unused
--- &#08;           ---       未使用Unused
--- &#09; --- 製表符Horizontal tab
--- &#10; --- 換行Line feed
--- &#11; --- 未使用Unused
--- &#12; --- 未使用Unused
--- &#13; --- 回車Carriage Return
--- &#14; --- 未使用Unused
--- &#15; --- 未使用Unused
--- &#16; --- 未使用Unused
--- &#17; --- 未使用Unused
--- &#18; --- 未使用Unused
--- &#19; --- 未使用Unused
--- &#20; --- 未使用Unused
--- &#21; --- 未使用Unused
--- &#22; --- 未使用Unused
--- &#23; --- 未使用Unused
--- &#24; --- 未使用Unused
--- &#25; --- 未使用Unused
--- &#26; --- 未使用Unused
--- &#27; --- 未使用Unused
--- &#28; --- 未使用Unused
--- &#29; --- 未使用Unused
--- &#30; --- 未使用Unused
--- &#31; --- 未使用Unused
  &#32; --- Space
! &#33; --- 驚歎號Exclamation mark
" &#34; &quot;  雙引號Quotation mark
# &#35; --- 數字標誌Number sign
$ &#36; --- 美元標誌Dollar sign
% &#37; --- 百分號Percent sign
& &#38; &amp; Ampersand
` &#39; --- 單引號Apostrophe
( &#40; --- 小括號左邊部分Left parenthesis
) &#41; --- 小括號右邊部分Right parenthesis
* &#42; --- 星號Asterisk
+ &#43; --- 加號Plus sign
, &#44; --- 逗號Comma
- &#45; --- 連字號Hyphen
. &#46; --- 句號Period (fullstop)
/ &#47; --- 斜槓Solidus (slash)
0 &#48; --- 數字0 Digit 0
1 &#49; --- 數字1 Digit 1
2 &#50; --- 數字2 Digit 2
3 &#51; --- 數字3 Digit 3
4 &#52; --- 數字4 Digit 4
5 &#53; --- 數字5 Digit 5
6 &#54; --- 數字6 Digit 6
7 &#55; --- 數字7 Digit 7
8 &#56; --- 數字8 Digit 8
9 &#57; --- 數字9 Digit 9
: &#58; --- 冒號Colon
; &#59; --- 分號Semicolon
< &#60; &lt;  小於號Less than
= &#61; --- 等於符號Equals sign
> &#62; &gt;  大於號Greater than
? &#63; --- 問號Question mark
@ &#64; --- Commercial at
A &#65; --- 大寫A Capital A
B &#66; --- 大寫B Capital B
C &#67; --- 大寫C Capital C
D &#68; --- 大寫D Capital D
E &#69; --- 大寫E Capital E
F &#70; --- 大寫F Capital F
G &#71; --- 大寫G Capital G
H &#72; --- 大寫H Capital H
I &#73; --- 大寫J Capital I
J &#74; --- 大寫K Capital J
K &#75; --- 大寫L Capital K
L &#76; --- 大寫K Capital L
M &#77; --- 大寫M Capital M
N &#78; --- 大寫N Capital N
O &#79; --- 大寫O Capital O
P &#80; --- 大寫P Capital P
Q &#81; --- 大寫Q Capital Q
R &#82; --- 大寫R Capital R
S &#83; --- 大寫S Capital S
T &#84; --- 大寫T Capital T
U &#85; --- 大寫U Capital U
V &#86; --- 大寫V Capital V
W &#87; --- 大寫W Capital W
X &#88; --- 大寫X Capital X
Y &#89; --- 大寫Y Capital Y
Z &#90; --- 大寫Z Capital Z
[ &#91; --- 中括號左邊部分Left square bracket
 &#92; --- 反斜槓Reverse solidus (backslash)
] &#93; --- 中括號右邊部分Right square bracket
^ &#94; --- Caret
_ &#95; --- 下劃線Horizontal bar (underscore)
` &#96; --- 尖重音符Acute accent
a &#97; --- 小寫a Small a
b &#98; --- 小寫b Small b
c &#99; --- 小寫c Small c
d &#100;  --- 小寫d Small d
e &#101;  --- 小寫e Small e
f &#102;  --- 小寫f Small f
g &#103;  --- 小寫g Small g
h &#104;  --- 小寫h Small h
i &#105;  --- 小寫i Small i
j &#106;  --- 小寫j Small j
k &#107;  --- 小寫k Small k
l &#108;  --- 小寫l Small l
m &#109;  --- 小寫m Small m
n &#110;  --- 小寫n Small n
o &#111;  --- 小寫o Small o
p &#112;  --- 小寫p Small p
q &#113;  --- 小寫q Small q
r &#114;  --- 小寫r Small r
s &#115;  --- 小寫s Small s
t &#116;  --- 小寫t Small t
u &#117;  --- 小寫u Small u
v &#118;  --- 小寫v Small v
w &#119;  --- 小寫w Small w
x &#120;  --- 小寫x Small x
y &#121;  --- 小寫y Small y
z &#122;  --- 小寫z Small z
{ &#123;  --- 大括號左邊部分Left curly brace
| &#124;  --- 豎線Vertical bar
} &#125;  --- 大括號右邊部分Right curly brace
~ &#126;  --- Tilde
--- &#127;  --- 未使用Unused
  &#160;  &nbsp;  空格Nonbreaking space
¡ &#161;  &iexcl; Inverted exclamation
¢ &#162;  &cent;  貨幣分標誌Cent sign
£ &#163;  &pound; 英鎊標誌Pound sterling
¤ &#164;  &curren;  通用貨幣標誌General currency sign
¥ &#165;  &yen; 日元標誌Yen sign
¦ &#166;  &brvbar; or &brkbar;  斷豎線Broken vertical bar
§ &#167;  &sect;  分節號Section sign
¨ &#168;  &uml; or &die;  變音符號Umlaut
© &#169;  &copy;  版權標誌Copyright
ª &#170;  &ordf;  Feminine ordinal
« &#171;  &laquo; Left angle quote, guillemet left
¬ &#172;  &not  Not sign
  &#173;  &shy; Soft hyphen
® &#174;  &reg; 註冊商標標誌Registered trademark
¯ &#175;  &macr; or &hibar; 長音符號Macron accent
° &#176;  &deg; 度數標誌Degree sign
± &#177;  &plusmn;  加或減Plus or minus
² &#178;  &sup2;  上標2 Superscript two
³ &#179;  &sup3;  上標3 Superscript three
´ &#180;  &acute; 尖重音符Acute accent
µ &#181;  &micro; Micro sign
¶ &#182;  &para;  Paragraph sign
· &#183;  &middot;  Middle dot
¸ &#184;  &cedil; Cedilla
¹ &#185;  &sup1;  上標1 Superscript one
º &#186;  &ordm;  Masculine ordinal
» &#187;  &raquo; Right angle quote, guillemet right
¼ &#188;  &frac14;  四分之一Fraction one-fourth
½ &#189;  &frac12;  二分之一Fraction one-half
¾ &#190;  &frac34;  四分之三Fraction three-fourths
¿ &#191;  &iquest;  Inverted question mark
À &#192;  &Agrave;  Capital A, grave accent
Á &#193;  &Aacute;  Capital A, acute accent
 &#194;  &Acirc; Capital A, circumflex
à &#195;  &Atilde;  Capital A, tilde
Ä &#196;  &Auml;  Capital A, di?esis / umlaut
Å &#197;  &Aring; Capital A, ring
Æ &#198;  &AElig; Capital AE ligature
Ç &#199;  &Ccedil;  Capital C, cedilla
È &#200;  &Egrave;  Capital E, grave accent
É &#201;  &Eacute;  Capital E, acute accent
Ê &#202;  &Ecirc; Capital E, circumflex
Ë &#203;  &Euml;  Capital E, di?esis / umlaut
Ì &#204;  &Igrave;  Capital I, grave accent
Í &#205;  &Iacute;  Capital I, acute accent
Î &#206;  &Icirc; Capital I, circumflex
Ï &#207;  &Iuml;  Capital I, di?esis / umlaut
Ð &#208;  &ETH; Capital Eth, Icelandic
Ñ &#209;  &Ntilde;  Capital N, tilde
Ò &#210;  &Ograve;  Capital O, grave accent
Ó &#211;  &Oacute;  Capital O, acute accent
Ô &#212;  &Ocirc; Capital O, circumflex
Õ &#213;  &Otilde;  Capital O, tilde
Ö &#214;  &Ouml;  Capital O, di?esis / umlaut
× &#215;  &times; 乘號Multiply sign
Ø &#216;  &Oslash;  Capital O, slash
Ù &#217;  &Ugrave;  Capital U, grave accent
Ú &#218;  &Uacute;  Capital U, acute accent
Û &#219;  &Ucirc; Capital U, circumflex
Ü &#220;  &Uuml;  Capital U, di?esis / umlaut
Ý &#221;  &Yacute;  Capital Y, acute accent
Þ &#222;  &THORN; Capital Thorn, Icelandic
ß &#223;  &szlig; Small sharp s, German sz
à &#224;  &agrave;  Small a, grave accent
á &#225;  &aacute;  Small a, acute accent
â &#226;  &acirc; Small a, circumflex
ã &#227;  &atilde;  Small a, tilde
ä &#228;  &auml;  Small a, di?esis / umlaut
å &#229;  &aring; Small a, ring
æ &#230;  &aelig; Small ae ligature
ç &#231;  &ccedil;  Small c, cedilla
è &#232;  &egrave;  Small e, grave accent
é &#233;  &eacute;  Small e, acute accent
ê &#234;  &ecirc; Small e, circumflex
ë &#235;  &euml;  Small e, di?esis / umlaut
ì &#236;  &igrave;  Small i, grave accent
í &#237;  &iacute;  Small i, acute accent
î &#238;  &icirc; Small i, circumflex
ï &#239;  &iuml;  Small i, di?esis / umlaut
ð &#240;  &eth; Small eth, Icelandic
ñ &#241;  &ntilde;  Small n, tilde
ò &#242;  &ograve;  Small o, grave accent
ó &#243;  &oacute;  Small o, acute accent
ô &#244;  &ocirc; Small o, circumflex
õ &#245;  &otilde;  Small o, tilde
ö &#246;  &ouml;  Small o, di?esis / umlaut
÷ &#247;  &divide;  除號Division sign
ø &#248;  &oslash;  Small o, slash
ù &#249;  &ugrave;  Small u, grave accent
ú &#250;  &uacute;  Small u, acute accent
û &#251;  &ucirc; Small u, circumflex
ü &#252;  &uuml;  Small u, di?esis / umlaut
ý &#253;  &yacute;  Small y, acute accent
þ &#254;  &thorn; Small thorn, Icelandic
ÿ &#255;  &yuml;  Small y, umlaut

轉載文章:
實體字元對照表

相關文章