Danh Sách Kí Tự đặc Biệt Trong HTML - VSUDO Blog

Kinh nghiệm thực tế từ VSUDO Blog – nền tảng chia sẻ kiến thức công nghệ, website và phần mềm dựa trên quá trình triển khai, vận hành hệ thống thực tế.

Tổng quan: Vì sao ký tự đặc biệt trong HTML quan trọng?

Trong quá trình xây dựng và vận hành website, đặc biệt là các hệ thống nội dung (CMS), landing page marketing, tài liệu kỹ thuật hoặc ứng dụng web, ký tự đặc biệt trong HTML là một chủ đề tưởng chừng đơn giản nhưng lại ảnh hưởng trực tiếp đến:

• Tính hiển thị chính xác nội dung trên trình duyệt
• Khả năng tương thích giữa các trình duyệt và hệ điều hành
• Bảo mật (tránh lỗi hiển thị, lỗi parse HTML, nguy cơ XSS)
• SEO và khả năng index nội dung của công cụ tìm kiếm

Từ kinh nghiệm triển khai website nội dung và các công cụ online tại VSUDO, chúng tôi nhận thấy rất nhiều lỗi HTML phổ biến bắt nguồn từ việc không hiểu hoặc sử dụng sai ký tự đặc biệt.

Bài viết này được xây dựng như một tài liệu tham khảo đầy đủ, giúp bạn hiểu đúng bản chất, sử dụng chuẩn kỹ thuật và áp dụng hiệu quả trong thực tế.

Ký tự đặc biệt trong HTML là gì?

Trong HTML, một số ký tự có ý nghĩa cú pháp đặc biệt (reserved characters). Khi trình duyệt gặp các ký tự này, nó không hiển thị trực tiếp mà hiểu chúng như một phần của mã HTML.

Ví dụ:

• Dấu < và > dùng để mở và đóng thẻ HTML
• Dấu & dùng để khai báo HTML Entity

Nếu muốn hiển thị các ký tự này như văn bản thông thường, bạn bắt buộc phải sử dụng HTML Entity tương ứng.

HTML Entity là gì? (Bản chất kỹ thuật)

HTML Entity là cách biểu diễn một ký tự đặc biệt bằng chuỗi bắt đầu bằng & và kết thúc bằng ;.

Có hai dạng entity phổ biến:

1. Named Entity – dễ đọc, dễ nhớVí dụ: &lt;, &gt;, &amp;
2. Numeric Entity – dựa trên mã UnicodeVí dụ: &#60;, &#62;, &#38;

Trong các dự án lớn hoặc hệ thống đa ngôn ngữ, VSUDO khuyến nghị ưu tiên numeric entity để tránh vấn đề không tương thích charset.

Danh sách kí tự đặc biệt HTML

Dưới đây là bảng danh sách các kí tự HTML bạn nên biết khi lập trình thiết kế website, hoặc đơn giản chỉ là thay đổi một số thông tin trên một trang web nào đó. Bởi đây chính là những kí tự tạo nên ngôn ngữ HTML. Nếu bạn sử dụng một trong các đoạn mã kí tự kí hiệu đặc biệt HTML bên dưới đây, trình duyệt của bạn sẽ tự động hiển thị những kí tự đó dưới dạng HTML. Do đó, bạn nên sử dụng tên thực thể hoặc mã định danh HTML khi bạn muốn hiển thị các kí tự đặc biệt nào đó.

Kí tự	Số định danh HTML	Tên thực thể HTML	Mô tả
“	"	"	nháy đôi
‘	'	'	nháy đơn
&	&	&	dấu &
<	&#60;	&lt;	dấu nhỏ hơn
>	&#62;	&gt;	dấu lớn hơn

Các kí hiệu HTML phổ biến

Kí tự	Số định danh HTML	Tên thực thể HTML	Mô tả
Œ	Œ	Œ	capital ligature OE
œ	œ	œ	small ligature oe
Š	Š	Š	capital S with caron
š	š	š	small S with caron
Ÿ	Ÿ	Ÿ	capital Y with diaeres
ƒ	ƒ	ƒ	f with hook
ˆ	ˆ	ˆ	modifier letter circumflex accent
˜	˜	˜	small tilde
	 	 	en space
	 	 	em space
	 	 	thin space
‌	‌	‌	zero width non-joiner
‍	‍	‍	zero width joiner
‎	‎	‎	left-to-right mark
‏	‏	‏	right-to-left mark
–	–	–	en dash
—	—	—	em dash
‘	‘	‘	left single quotation mark
’	’	’	right single quotation mark
‚	‚	‚	single low-9 quotation mark
“	“	“	left double quotation mark
”	”	”	right double quotation mark
„	„	„	double low-9 quotation mark
†	†	†	dagger
‡	‡	‡	double dagger
•	•	•	bullet
…	…	…	horizontal ellipsis
‰	‰	‰	per mille
′	′	′	minutes
″	″	″	seconds
‹	‹	‹	single left angle quotation
›	›	›	single right angle quotation
‾	‾	‾	overline
€	€	€	euro
™	™	™	trademark
←	←	←	left arrow
↑	↑	↑	up arrow
→	→	→	right arrow
↓	↓	↓	down arrow
↔	↔	↔	left right arrow
↵	↵	↵	carriage return arrow
⌈	⌈	⌈	left ceiling
⌉	⌉	⌉	right ceiling
⌊	⌊	⌊	left floor
⌋	⌋	⌋	right floor
◊	◊	◊	lozenge
♠	♠	♠	spade
♣	♣	♣	club
♥	♥	♥	heart
♦	♦	♦	diamond

Các kí hiệu toán học

Kí hiệu	Số định danh HTML	Tên thực thể HTML	Mô tả
∀	∀	∀	for all
∂	∂	∂	part
∃	∃	∃	exists
∅	∅	∅	empty
∇	∇	∇	nabla
∈	∈	∈	isin
∉	∉	∉	notin
∋	∋	∋	ni
∏	∏	∏	prod
∑	∑	∑	sum
−	−	−	minus
∗	∗	∗	lowast
√	√	√	square root
∝	∝	∝	proportional to
∞	∞	∞	infinity
∠	∠	∠	angle
∧	∧	∧	and
∨	∨	∨	or
∩	∩	∩	cap
∪	∪	∪	cup
∫	∫	∫	integral
∴	∴	∴	therefore
∼	∼	∼	similar to
≅	≅	≅	congruent to
≈	≈	≈	almost equal
≠	≠	≠	not equal
≡	≡	≡	equivalent
≤	≤	≤	less or equal
≥	≥	≥	greater or equal
⊂	⊂	⊂	subset of
⊃	⊃	⊃	superset of
⊄	⊄	⊄	not subset of
⊆	⊆	⊆	subset or equal
⊇	⊇	⊇	superset or equal
⊕	⊕	⊕	circled plus
⊗	⊗	⊗	circled times
⊥	⊥	⊥	perpendicular
⋅	⋅	⋅	dot operator

Kí tự Hy Lap

Chữ Hy Lạp	Số định danh HTML	Tên định danh HTML	Mô tả
Α	Α	Α	Alpha
Β	Β	Β	Beta
Γ	Γ	Γ	Gamma
Δ	Δ	Δ	Delta
Ε	Ε	Ε	Epsilon
Ζ	Ζ	Ζ	Zeta
Η	Η	Η	Eta
Θ	Θ	Θ	Theta
Ι	Ι	Ι	Iota
Κ	Κ	Κ	Kappa
Λ	Λ	Λ	Lambda
Μ	Μ	Μ	Mu
Ν	Ν	Ν	Nu
Ξ	Ξ	Ξ	Xi
Ο	Ο	Ο	Omicron
Π	Π	Π	Pi
Ρ	Ρ	Ρ	Rho
undefined	Sigmaf
Σ	Σ	Σ	Sigma
Τ	Τ	Τ	Tau
Υ	Υ	Υ	Upsilon
Φ	Φ	Φ	Phi
Χ	Χ	Χ	Chi
Ψ	Ψ	Ψ	Psi
Ω	Ω	Ω	Omega
α	α	α	alpha
β	β	β	beta
γ	γ	γ	gamma
δ	δ	δ	delta
ε	ε	ε	epsilon
ζ	ζ	ζ	zeta
η	η	η	eta
θ	θ	θ	theta
ι	ι	ι	iota
κ	κ	κ	kappa
λ	λ	λ	lambda
μ	μ	μ	mu
ν	ν	ν	nu
ξ	ξ	ξ	xi
ο	ο	ο	omicron
π	π	π	pi
ρ	ρ	ρ	rho
ς	ς	ς	sigmaf
σ	σ	σ	sigma
τ	τ	τ	tau
υ	υ	υ	upsilon
φ	φ	φ	phi
χ	χ	χ	chi
ψ	ψ	ψ	psi
ω	ω	ω	omega
ϑ	ϑ	ϑ	theta symbol
ϒ	ϒ	ϒ	upsilon symbol
ϖ	ϖ	ϖ	pi symbol

Kí tự ISO 8859-1

Bảng thông tin dưới đây mô tả các kí tự theo chuẩn ISO 8859-1

Kí tự	Số định danh HTML	Tên định danh HTML	Mô tả
À	À	À	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
Ø	Ø	Ø	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
ø	ø	ø	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

Kí tự ISO 8859-1

Dưới đây là bảng có chứa thông tin các kí tự HTML theo chuẩn ISO 8859-1 bạn bạn có thể thường thấy trên các trang web.

Kí tự	Số định danh HTML	Tên định danh HTML	Mô tả
 	 	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
×	×	×	multiplication
÷	÷	÷	division

Ký tự đặc biệt trong HTML: Hướng dẫn đầy đủ, chuẩn kỹ thuật và thực tiễn triển khai

Kinh nghiệm thực tế từ VSUDO Blog – nền tảng chia sẻ kiến thức công nghệ, website và phần mềm dựa trên quá trình triển khai, vận hành hệ thống thực tế.

Tổng quan: Vì sao ký tự đặc biệt trong HTML quan trọng?

Trong quá trình xây dựng và vận hành website, đặc biệt là các hệ thống nội dung (CMS), landing page marketing, tài liệu kỹ thuật hoặc ứng dụng web, ký tự đặc biệt trong HTML là một chủ đề tưởng chừng đơn giản nhưng lại ảnh hưởng trực tiếp đến:

• Tính hiển thị chính xác nội dung trên trình duyệt
• Khả năng tương thích giữa các trình duyệt và hệ điều hành
• Bảo mật (tránh lỗi hiển thị, lỗi parse HTML, nguy cơ XSS)
• SEO và khả năng index nội dung của công cụ tìm kiếm

Từ kinh nghiệm triển khai website nội dung và các công cụ online tại VSUDO, chúng tôi nhận thấy rất nhiều lỗi HTML phổ biến bắt nguồn từ việc không hiểu hoặc sử dụng sai ký tự đặc biệt.

Bài viết này được xây dựng như một tài liệu tham khảo đầy đủ, giúp bạn hiểu đúng bản chất, sử dụng chuẩn kỹ thuật và áp dụng hiệu quả trong thực tế.

Ký tự đặc biệt trong HTML là gì?

Trong HTML, một số ký tự có ý nghĩa cú pháp đặc biệt (reserved characters). Khi trình duyệt gặp các ký tự này, nó không hiển thị trực tiếp mà hiểu chúng như một phần của mã HTML.

Ví dụ:

• Dấu < và > dùng để mở và đóng thẻ HTML
• Dấu & dùng để khai báo HTML Entity

Nếu muốn hiển thị các ký tự này như văn bản thông thường, bạn bắt buộc phải sử dụng HTML Entity tương ứng.

HTML Entity là gì? (Bản chất kỹ thuật)

HTML Entity là cách biểu diễn một ký tự đặc biệt bằng chuỗi bắt đầu bằng & và kết thúc bằng ;.

Có hai dạng entity phổ biến:

1. Named Entity – dễ đọc, dễ nhớVí dụ: &lt;, &gt;, &amp;
2. Numeric Entity – dựa trên mã UnicodeVí dụ: &#60;, &#62;, &#38;

Trong các dự án lớn hoặc hệ thống đa ngôn ngữ, VSUDO khuyến nghị ưu tiên numeric entity để tránh vấn đề không tương thích charset.

Các ký tự đặc biệt HTML quan trọng nhất (Bắt buộc phải biết)

1. Nhóm ký tự cú pháp HTML

Ký tự	Entity	Ý nghĩa	Ghi chú thực tế
<	&lt;	Mở thẻ HTML	Lỗi hiển thị phổ biến nhất
>	&gt;	Đóng thẻ HTML	Bắt buộc encode trong text
&	&amp;	Khai báo entity	Sai sẽ làm hỏng entity khác
"	&quot;	Dấu nháy kép	Quan trọng trong attribute
'	&apos;	Dấu nháy đơn	Một số trình duyệt cũ

2. Ký tự khoảng trắng đặc biệt

Ký tự	Entity	Ứng dụng thực tế
Khoảng trắng	 	Căn chỉnh layout, inline text
Tab			Hiếm dùng, không khuyến nghị

Ký tự toán học, logic và kỹ thuật thường dùng

Ký tự	Entity	Ứng dụng
≤	≤	Tài liệu kỹ thuật
≥	≥	Công thức, spec
≠	≠	So sánh logic
×	×	Toán học
÷	÷	Toán học

Trong các bài viết kỹ thuật, việc dùng entity giúp nội dung đọc tự nhiên hơn và tránh nhầm lẫn với ký tự code.

Ký tự tiền tệ & bản địa hóa nội dung

Ký tự	Entity	Ghi chú
$	$	Giá sản phẩm
€	€	Thị trường EU
£	£	UK
¥	¥	JP/CN
₫	₫	VNĐ (Unicode)

Từ kinh nghiệm tối ưu nội dung đa thị trường, VSUDO nhận thấy việc dùng đúng entity giúp giữ nguyên hiển thị khi copy, export hoặc render API.

Ký tự có dấu tiếng Việt: Có cần dùng HTML Entity?

Không cần, nếu website sử dụng:

• UTF-8 (<meta charset="UTF-8">)
• Server & database đồng bộ charset

Tuy nhiên, trong một số trường hợp đặc biệt:

• Email HTML
• Legacy system
• Xuất XML / RSS

Bạn có thể gặp dạng:

• &#273; → đ
• &#7845; → ấ

VSUDO không khuyến nghị encode toàn bộ tiếng Việt vì gây khó đọc và không cần thiết cho SEO hiện đại.

Lỗi phổ biến khi xử lý ký tự đặc biệt (Thực tế triển khai)

1. Double encode (Encode hai lần)

Ví dụ:

• Đúng: &lt;
• Sai: &amp;lt;

→ Kết quả hiển thị sai và khó debug.

2. Quên encode trong attribute

<inputvalue=”5 > 3″>

→ HTML có thể bị parse sai.

Cách đúng:

<inputvalue=”5 &gt; 3″>

3. Nhầm lẫn giữa HTML Entity và URL Encode

• HTML: &amp;
• URL: %26

Hai khái niệm hoàn toàn khác nhau.

Best Practices VSUDO khuyến nghị

• Luôn khai báo UTF-8
• Encode đúng ngữ cảnh (HTML, Attribute, JS, URL)
• Không encode dư thừa
• Kiểm tra hiển thị trên nhiều trình duyệt
• Sử dụng tool hỗ trợ kiểm tra entity khi cần

Công cụ hỗ trợ xử lý HTML Entity

Tại VSUDO, chúng tôi phát triển các công cụ online hỗ trợ dev và marketer:

• Encode / Decode HTML Entity
• Kiểm tra JSON, XML, HTML
• Hỗ trợ debug nội dung kỹ thuật nhanh chóng

Các công cụ này được xây dựng dựa trên nhu cầu sử dụng thực tế, không thu thập dữ liệu người dùng.

Kết luận

Ký tự đặc biệt trong HTML không chỉ là kiến thức cơ bản, mà là nền tảng để xây dựng nội dung web chuẩn, an toàn và bền vững.

Việc hiểu đúng bản chất HTML Entity giúp bạn:

• Tránh lỗi hiển thị
• Nâng cao chất lượng nội dung
• Tối ưu SEO kỹ thuật
• Đảm bảo tính ổn định khi mở rộng hệ thống

VSUDO tin rằng đây là dạng kiến thức đáng để bookmark, tham khảo lâu dài cho bất kỳ ai làm việc với website và công nghệ web.

3.7/5 (3 Reviews)