Khi làm việc với các đoạn văn bản HTML, đôi khi gặp phải những ký tự đặc biệt không được hỗ trợ sẵn trên bàn phím (©
, ®
, ¥
, ...) hoặc bị hiểu nhầm là kí hiệu của thẻ HTML (<
, >
, ... ).
1 số trường hợp sử dụng HTML Entities thông dụng
- Cần nhập các ký tự đặc biệt.
- Cần mã hóa các dấu lớn hoặc bé hơn do xung đột với cú pháp mở, đóng tag của HTML.
- Nhập nhiều khoảng trắng ( ).
- Được dùng để hỗ trợ 1 số vấn đề về bảo mật (vô hiệu hóa tag
<script>
nhưng vẫn hiển thị được tag này).
Reserved character
Là một số ký tự đặc biệt được chỉ định để sử dụng trong HTML, khi gặp những ký tự đặc biệt thì trình duyệt sẽ xem chúng như mã HTML. Ví dụ khi sử dụng ký tự bé hơn <
hay lớn hơn >
, trong HTML trình duyệt sẽ hiểu nó như là kí hiệu của một thẻ HTML chứ không phải ký tự lớn/bé.
HTML Entities
HTML Entity là một chuỗi ký tự (string) bắt đầu bằng dấu &
và kết thúc bằng dấu chấm phẩy ;
. Những chuỗi ký tự (entities) này thường được dùng để hiển thị các ký tự đặc biệt đã được chỉ định là mã HTML và cả những ký tự không thể nhập từ bàn phím (ví dụ ©
).
Có 2 cách để sử dụng:
&<entity_name>;
: được đặt tên dễ nhớ khi sử dụng nhưng có một số entity không được đặt tên mà chỉ được sử dụng thông quaentity_number
.&#<entity_number>;
: khó nhớ hơn so với việc sử dụng bằng tên entity nhưng được đảm bảo hỗ trợ đầy đủ hơn tên entity.
Cả 2 cách đều hữu dụng, entity_name
gần gũi với con người, còn entity_number
gần gũi hơn với máy tính.
Bảng tra cứu các HTML Entities
KẾT QUẢ | MÔ TẢ | ENTITY NAME | ENTITY NUMBER |
---|---|---|---|
non-breaking space | |   | |
< | less than | < | < |
> | greater than | > | > |
& | ampersand | & | & |
" | double quotation mark | " | " |
' | single quotation mark (apostrophe) | ' | ' |
¢ | cent | ¢ | ¢ |
£ | pound | £ | £ |
¥ | yen | ¥ | ¥ |
€ | euro | € | € |
© | copyright | © | © |
® | registered trademark | ® | ® |
Tham khảo
ISO-8859-1 Character Set
KẾT QUẢ | MÔ TẢ | ENTITY NAME | NUMBER |
---|---|---|---|
space | 32 | ||
! | exclamation mark | 33 | |
" | quotation mark | " | 34 |
# | number sign | 35 | |
$ | dollar sign | 36 | |
% | percent sign | 37 | |
& | ampersand | & | 38 |
' | apostrophe | 39 | |
( | left parenthesis | 40 | |
) | right parenthesis | 41 | |
* | asterisk | 42 | |
+ | plus sign | 43 | |
, | comma | 44 | |
- | hyphen-minus | 45 | |
. | full stop | 46 | |
/ | solidus | 47 | |
0 | digit zero | 48 | |
1 | digit one | 49 | |
2 | digit two | 50 | |
3 | digit three | 51 | |
4 | digit four | 52 | |
5 | digit five | 53 | |
6 | digit six | 54 | |
7 | digit seven | 55 | |
8 | digit eight | 56 | |
9 | digit nine | 57 | |
: | colon | 58 | |
; | semicolon | 59 | |
< | less-than sign | < | 60 |
= | equals sign | 61 | |
> | greater-than sign | > | 62 |
? | question mark | 63 | |
@ | commercial at | 64 | |
A | Latin capital letter A | 65 | |
B | Latin capital letter B | 66 | |
C | Latin capital letter C | 67 | |
D | Latin capital letter D | 68 | |
E | Latin capital letter E | 69 | |
F | Latin capital letter F | 70 | |
G | Latin capital letter G | 71 | |
H | Latin capital letter H | 72 | |
I | Latin capital letter I | 73 | |
J | Latin capital letter J | 74 | |
K | Latin capital letter K | 75 | |
L | Latin capital letter L | 76 | |
M | Latin capital letter M | 77 | |
N | Latin capital letter N | 78 | |
O | Latin capital letter O | 79 | |
P | Latin capital letter P | 80 | |
Q | Latin capital letter Q | 81 | |
R | Latin capital letter R | 82 | |
S | Latin capital letter S | 83 | |
T | Latin capital letter T | 84 | |
U | Latin capital letter U | 85 | |
V | Latin capital letter V | 86 | |
W | Latin capital letter W | 87 | |
X | Latin capital letter X | 88 | |
Y | Latin capital letter Y | 89 | |
Z | Latin capital letter Z | 90 | |
[ | left square bracket | 91 | |
\ | reverse solidus | 92 | |
] | right square bracket | 93 | |
^ | circumflex accent | 94 | |
_ | low line | 95 | |
` | grave accent | 96 | |
a | Latin small letter a | 97 | |
b | Latin small letter b | 98 | |
c | Latin small letter c | 99 | |
d | Latin small letter d | 100 | |
e | Latin small letter e | 101 | |
f | Latin small letter f | 102 | |
g | Latin small letter g | 103 | |
h | Latin small letter h | 104 | |
i | Latin small letter i | 105 | |
j | Latin small letter j | 106 | |
k | Latin small letter k | 107 | |
l | Latin small letter l | 108 | |
m | Latin small letter m | 109 | |
n | Latin small letter n | 110 | |
o | Latin small letter o | 111 | |
p | Latin small letter p | 112 | |
q | Latin small letter q | 113 | |
r | Latin small letter r | 114 | |
s | Latin small letter s | 115 | |
t | Latin small letter t | 116 | |
u | Latin small letter u | 117 | |
v | Latin small letter v | 118 | |
w | Latin small letter w | 119 | |
x | Latin small letter x | 120 | |
y | Latin small letter y | 121 | |
z | Latin small letter z | 122 | |
{ | left curly bracket | 123 | |
| | vertical line | 124 | |
} | right curly bracket | 125 | |
~ | tilde | 126 | |
Control character | 127 |
ISO-8859-1 Symbols
KẾT QUẢ | MÔ TẢ | ENTITY NAME | ENTITY NUMBER |
---|---|---|---|
non-breaking space | |   | |
¡ | inverted exclamation mark | ¡ | ¡ |
¢ | cent | ¢ | ¢ |
£ | pound | £ | £ |
¤ | currency | ¤ | ¤ |
¥ | yen | ¥ | ¥ |
¦ | broken vertical bar | ¦ | ¦ |
§ | section | § | § |
¨ | spacing diaeresis | ¨ | ¨ |
© | copyright | © | © |
ª | feminine ordinal indicator | ª | ª |
« | angle quotation mark (left) | « | « |
¬ | negation | ¬ | ¬ |
soft hyphen | ­ | ­ | |
® | registered trademark | ® | ® |
¯ | spacing macron | ¯ | ¯ |
° | degree | ° | ° |
± | plus-or-minus | ± | ± |
² | superscript 2 | ² | ² |
³ | superscript 3 | ³ | ³ |
´ | spacing acute | ´ | ´ |
µ | micro | µ | µ |
¶ | paragraph | ¶ | ¶ |
· | middle dot | · | · |
¸ | spacing cedilla | ¸ | ¸ |
¹ | superscript 1 | ¹ | ¹ |
º | masculine ordinal indicator | º | º |
» | angle quotation mark (right) | » | » |
¼ | fraction 1/4 | ¼ | ¼ |
½ | fraction 1/2 | ½ | ½ |
¾ | fraction 3/4 | ¾ | ¾ |
¿ | inverted question mark | ¿ | ¿ |
ISO-8859-1 Characters
KẾT QUẢ | MÔ TẢ | ENTITY NAME | ENTITY NUMBER |
---|---|---|---|
À | capital a, grave accent | À | À |
Á | capital a, acute accent | Á | Á |
 | capital a, circumflex accent |  |  |
à | capital a, tilde | à | à |
Ä | capital a, umlaut mark | Ä | Ä |
Å | capital a, ring | Å | Å |
Æ | capital ae | Æ | Æ |
Ç | capital c, cedilla | Ç | Ç |
È | capital e, grave accent | È | È |
É | capital e, acute accent | É | É |
Ê | capital e, circumflex accent | Ê | Ê |
Ë | capital e, umlaut mark | Ë | Ë |
Ì | capital i, grave accent | Ì | Ì |
Í | capital i, acute accent | Í | Í |
Î | capital i, circumflex accent | Î | Î |
Ï | capital i, umlaut mark | Ï | Ï |
Ð | capital eth, Icelandic | Ð | Ð |
Ñ | capital n, tilde | Ñ | Ñ |
Ò | capital o, grave accent | Ò | Ò |
Ó | capital o, acute accent | Ó | Ó |
Ô | capital o, circumflex accent | Ô | Ô |
Õ | capital o, tilde | Õ | Õ |
Ö | capital o, umlaut mark | Ö | Ö |
× | multiplication | × | × |
Ø | capital o, slash | Ø | Ø |
Ù | capital u, grave accent | Ù | Ù |
Ú | capital u, acute accent | Ú | Ú |
Û | capital u, circumflex accent | Û | Û |
Ü | capital u, umlaut mark | Ü | Ü |
Ý | capital y, acute accent | Ý | Ý |
Þ | capital THORN, Icelandic | Þ | Þ |
ß | small sharp s, German | ß | ß |
à | small a, grave accent | à | à |
á | small a, acute accent | á | á |
â | small a, circumflex accent | â | â |
ã | small a, tilde | ã | ã |
ä | small a, umlaut mark | ä | ä |
å | small a, ring | å | å |
æ | small ae | æ | æ |
ç | small c, cedilla | ç | ç |
è | small e, grave accent | è | è |
é | small e, acute accent | é | é |
ê | small e, circumflex accent | ê | ê |
ë | small e, umlaut mark | ë | ë |
ì | small i, grave accent | ì | ì |
í | small i, acute accent | í | í |
î | small i, circumflex accent | î | î |
ï | small i, umlaut mark | ï | ï |
ð | small eth, Icelandic | ð | ð |
ñ | small n, tilde | ñ | ñ |
ò | small o, grave accent | ò | ò |
ó | small o, acute accent | ó | ó |
ô | small o, circumflex accent | ô | ô |
õ | small o, tilde | õ | õ |
ö | small o, umlaut mark | ö | ö |
÷ | division | ÷ | ÷ |
ø | small o, slash | ø | ø |
ù | small u, grave accent | ù | ù |
ú | small u, acute accent | ú | ú |
û | small u, circumflex accent | û | û |
ü | small u, umlaut mark | ü | ü |
ý | small y, acute accent | ý | ý |
þ | small thorn, Icelandic | þ | þ |
ÿ | small y, umlaut mark | ÿ | ÿ |