Bảng ký tự đặc biệt HTML đầy đủ: mã Entity và mã Số
Trong bài này
- Ký tự đặc biệt HTML là gì?
- Entity Name và Entity Number: nên dùng loại nào?
- Bảng tra cứu ký tự đặc biệt HTML đầy đủ
- 1. Các ký tự HTML phổ biến nhất
- 2. Các ký tự tiền tệ (Currency Symbols)
- 3. Các ký hiệu toán học (Mathematical Symbols)
- 4. Các ký hiệu mũi tên (Arrow Symbols)
- 5. Dấu chấm câu và ký hiệu khác
- Cách dùng ký tự đặc biệt HTML trong HTML, CSS và JavaScript
- Trong HTML
- Trong CSS
- Trong JavaScript
- Những lỗi thường gặp khi dùng ký tự đặc biệt HTML
- Có cần dùng entity khi trang đã dùng UTF-8?
- 10 ký tự đặc biệt HTML dùng nhiều nhất và khi nào cần
- Ký tự đặc biệt HTML trong email, WordPress và JSON
- Trong email HTML
- Trong WordPress
- Trong JSON và API
- Cách gõ ký tự đặc biệt trên Windows và Mac
- Kiểm tra nhanh trước khi xuất bản
- Câu hỏi thường gặp
- Ký tự đặc biệt HTML nào bắt buộc phải mã hóa?
- Mã entity và mã số khác nhau thế nào?
- Làm sao gõ ký hiệu tiền Việt Nam ₫ trong HTML?
- Vì sao hiện nguyên văn trên trang?
- Kết luận
Ký tự đặc biệt HTML là những mã thay thế giúp trình duyệt hiển thị đúng các ký tự như <, >, & hay ký hiệu ©, €, ™. Bài này gom đủ bảng tra mã Entity (tên) và mã Số, kèm cách dùng trong HTML, CSS, JavaScript và các lỗi hay gặp.
Tóm tắt nhanh
- Ký tự đặc biệt HTML (HTML entity) là chuỗi bắt đầu bằng
&và kết thúc bằng;, dùng để hiển thị ký tự dành riêng hoặc khó gõ. - Có hai dạng: mã tên như
©và mã số như©; cả hai cho cùng một kết quả. - Bắt buộc thay thế
<,>và&khi muốn hiện chúng dưới dạng chữ; các ký tự khác có thể gõ trực tiếp nếu trang dùng UTF-8. - Trong CSS dùng dạng
0A9, trong JavaScript dùng©; mã entity chỉ có tác dụng trong HTML.
Ký tự đặc biệt HTML là gì?
Ký tự đặc biệt HTML là cách viết thay thế cho một ký tự mà trình duyệt có thể hiểu nhầm thành mã, hoặc ký tự không có sẵn trên bàn phím. Tên tiếng Anh là character reference, thường gọi chung là HTML entity. Bạn có thể đọc định nghĩa gốc ở MDN Web Docs.
Ví dụ dễ thấy nhất: bạn muốn viết chữ “thẻ <p>” trong bài. Nếu gõ thẳng, trình duyệt coi đó là thẻ mở đoạn văn và ẩn nó đi. Viết <p> thì người đọc mới thấy đúng chữ <p>.
Làm web nhiều năm, tôi gặp câu hỏi này rất thường xuyên từ người mới viết blog kỹ thuật. Chỉ cần nhớ vài mã cơ bản là xử lý được phần lớn trường hợp.
Entity Name và Entity Number: nên dùng loại nào?
- Mã tên (
&ten_entity;): dễ nhớ, dễ đọc khi xem mã nguồn, ví dụ©cho ký hiệu bản quyền. - Mã số (
&#so;hoặc dạng thập lục phân&#x..;): dùng được cho mọi ký tự Unicode, kể cả ký tự không có tên, như₫cho ký hiệu Đồng.
Lời khuyên của tôi: ký tự quen thuộc thì dùng mã tên cho dễ đọc. Ký tự hiếm hoặc không có tên thì dùng mã số. Danh sách tên đầy đủ do WHATWG công bố tại bảng named character references.
Bảng tra cứu ký tự đặc biệt HTML đầy đủ
Tôi chia các ký tự thành 5 nhóm hay dùng nhất. Cột “Mã Entity” ghi dấu gạch ngang khi ký tự không có tên phổ biến, lúc đó hãy dùng cột “Mã Số”.
1. Các ký tự HTML phổ biến nhất
Đây là nhóm bạn gần như dùng hằng ngày để tránh lỗi hiển thị.
| Ký tự | Mô tả | Mã Entity | Mã Số |
|---|---|---|---|
(khoảng trắng) | Khoảng trắng không ngắt dòng (Non-breaking space) | |   |
< | Dấu nhỏ hơn (Less than) | < | < |
> | Dấu lớn hơn (Greater than) | > | > |
& | Ký hiệu Và (Ampersand) | & | & |
" | Dấu ngoặc kép (Double quotation mark) | " | " |
' | Dấu ngoặc đơn (Single quotation mark) | ' | ' |
¢ | Ký hiệu Cent | ¢ | ¢ |
£ | Ký hiệu Bảng Anh (Pound) | £ | £ |
¥ | Ký hiệu Yên Nhật (Yen) | ¥ | ¥ |
€ | Ký hiệu Euro | € | € |
© | Ký hiệu Bản quyền (Copyright) | © | © |
® | Ký hiệu Đã đăng ký (Registered trademark) | ® | ® |
2. Các ký tự tiền tệ (Currency Symbols)
Ký hiệu Đồng Việt Nam không có mã tên, nên dùng mã số.
| Ký tự | Mô tả | Mã Entity | Mã Số |
|---|---|---|---|
$ | Ký hiệu Đô la (Dollar) | – | $ |
€ | Ký hiệu Euro | € | € |
£ | Ký hiệu Bảng Anh (Pound) | £ | £ |
¥ | Ký hiệu Yên Nhật (Yen) | ¥ | ¥ |
₫ | Ký hiệu Đồng Việt Nam | – | ₫ |
3. Các ký hiệu toán học (Mathematical Symbols)
| Ký tự | Mô tả | Mã Entity | Mã Số |
|---|---|---|---|
+ | Dấu cộng | – | + |
− | Dấu trừ | − | − |
× | Dấu nhân | × | × |
÷ | Dấu chia | ÷ | ÷ |
= | Dấu bằng | – | = |
≠ | Không bằng | ≠ | ≠ |
≤ | Nhỏ hơn hoặc bằng | ≤ | ≤ |
≥ | Lớn hơn hoặc bằng | ≥ | ≥ |
∞ | Vô cực | ∞ | ∞ |
° | Ký hiệu Độ | ° | ° |
¹ | Số mũ 1 | ¹ | ¹ |
² | Số mũ 2 | ² | ² |
³ | Số mũ 3 | ³ | ³ |
4. Các ký hiệu mũi tên (Arrow Symbols)
| Ký tự | Mô tả | Mã Entity | Mã Số |
|---|---|---|---|
← | Mũi tên trái | ← | ← |
↑ | Mũi tên lên | ↑ | ↑ |
→ | Mũi tên phải | → | → |
↓ | Mũi tên xuống | ↓ | ↓ |
↔ | Mũi tên hai chiều | ↔ | ↔ |
5. Dấu chấm câu và ký hiệu khác
| Ký tự | Mô tả | Mã Entity | Mã Số |
|---|---|---|---|
• | Dấu chấm tròn (Bullet) | • | • |
… | Dấu ba chấm (Ellipsis) | … | … |
™ | Ký hiệu Thương hiệu (Trademark) | ™ | ™ |
♠ | Ký hiệu Bích | ♠ | ♠ |
♣ | Ký hiệu Chuồn | ♣ | ♣ |
♥ | Ký hiệu Cơ | ♥ | ♥ |
♦ | Ký hiệu Rô | ♦ | ♦ |
Cần tra nhanh một ký tự không có trong bảng? Bạn có thể dùng bộ công cụ trên dung.vn để tìm mã tương ứng.
Cách dùng ký tự đặc biệt HTML trong HTML, CSS và JavaScript
Mỗi ngôn ngữ có cú pháp riêng. Dán mã HTML vào CSS hay JavaScript sẽ không chạy, đây là lỗi tôi thấy nhiều nhất.
Trong HTML
Sao chép mã tên hoặc mã số và dán thẳng vào nội dung. Ví dụ:
- Bạn muốn hiện: Trong HTML, thẻ <p> dùng để tạo đoạn văn.
- Nếu gõ thẳng: trình duyệt hiểu
<p>là thẻ và ẩn nó đi. - Cần viết trong mã:
Trong HTML, thẻ <p> dùng để tạo đoạn văn. - Kết quả: Trong HTML, thẻ <p> dùng để tạo đoạn văn.
Trong WordPress, hãy chuyển sang chế độ soạn mã (Code editor hoặc tab Văn bản) trước khi dán entity. Ở chế độ trực quan, trình soạn thảo thường tự chuyển đổi và có thể làm sai mã. Xem thêm cách soạn bài ở bài hướng dẫn đăng bài WordPress chuẩn SEO.
Trong CSS
CSS dùng dấu gạch chéo ngược và mã thập lục phân, thường đặt trong thuộc tính content:
.ban-quyen::before { content: " 0A9 "; }
.mui-ten::after { content: "2192"; }Ở đây 0A9 là ©, 2192 là →. Đổi mã số thập phân sang thập lục phân là ra mã CSS, ví dụ 169 thành A9.
Trong JavaScript
Trong chuỗi JavaScript, dùng dạng u kèm 4 chữ số thập lục phân:
const giaTien = "50.000 ₫"; // 50.000 ₫
el.textContent = "© 2026"; // © 2026Nếu gán bằng textContent, chuỗi © sẽ hiện nguyên văn chứ không thành ©. Chỉ innerHTML mới giải mã entity, nhưng hãy tránh đưa dữ liệu người dùng nhập vào innerHTML vì rủi ro bảo mật.
Những lỗi thường gặp khi dùng ký tự đặc biệt HTML
- Quên dấu chấm phẩy: viết
©thay vì©. Một số trình duyệt vẫn đoán đúng, nhưng không phải mọi trường hợp; luôn ghi đủ dấu;. - Mã hóa hai lần: viết
&lt;làm người đọc thấy chữ “<” thay vì “<“. Lỗi này hay xảy ra khi dán entity ở chế độ soạn trực quan. - Dùng sai cú pháp theo ngôn ngữ: dán
→vào CSS hoặc chuỗi JavaScript, kết quả hiện nguyên văn. - Lạm dụng
để căn lề: nhiều liên tiếp làm vỡ bố cục trên điện thoại. Hãy căn lề bằng CSS; xem thêm tiêu chí website chuẩn mobile. - Không khai báo UTF-8: thiếu
<meta charset="UTF-8">có thể làm chữ tiếng Việt và ký hiệu gõ trực tiếp bị lỗi font. - Để ký tự đặc biệt sai trong thẻ meta: dấu ngoặc kép chưa thoát trong thuộc tính
contentsẽ cắt ngắn mô tả. Xem cách viết thẻ chuẩn ở bài meta title và meta description.
Có cần dùng entity khi trang đã dùng UTF-8?
Hầu hết website hiện đại dùng UTF-8, nên bạn có thể gõ thẳng ©, €, → vào HTML. Riêng <, >, & và dấu ngoặc kép bên trong thuộc tính vẫn phải thay bằng mã. Với khoảng trắng không ngắt dòng, dùng giúp người đọc mã nhận ra nó, vì gõ trực tiếp thì nhìn không khác khoảng trắng thường.
10 ký tự đặc biệt HTML dùng nhiều nhất và khi nào cần
Trong thực tế, bạn chỉ dùng khoảng mười ký tự đặc biệt HTML cho phần lớn công việc. Bảng dưới gom chúng theo tình huống để bạn nhớ nhanh.
| Ký tự | Mã nên dùng | Tình huống thường gặp |
|---|---|---|
| < | < | Viết bài hướng dẫn có nhắc tên thẻ HTML |
| > | > | Đi cặp với < khi hiển thị mã |
| & | & | Tên công ty có chữ “&”, đường link có tham số trong mã HTML |
| “ | " | Dấu ngoặc kép bên trong giá trị thuộc tính như alt, title |
| (khoảng trắng) | | Giữ “100 km” hoặc “Th.S Nguyễn” không bị ngắt dòng |
| © | © | Dòng bản quyền ở chân trang |
| ₫ | ₫ | Hiển thị giá tiền Việt Nam |
| → | → | Nút “Xem thêm →”, hướng dẫn từng bước |
| × | × | Kích thước “1200 × 630”, nút đóng hộp thoại |
| … | … | Đoạn trích bị rút gọn |
Ký tự đặc biệt HTML trong email, WordPress và JSON
Cùng một ký tự nhưng mỗi môi trường xử lý một kiểu. Phần này giúp bạn tránh lỗi khi nội dung đi qua nhiều hệ thống.
Trong email HTML
Một số trình đọc email cũ xử lý bảng mã kém hơn trình duyệt. Với email gửi hàng loạt, dùng mã số cho ký hiệu tiền tệ và mũi tên giúp hiển thị ổn định hơn. Luôn gửi thử tới vài hộp thư khác nhau trước khi gửi thật.
Phần tiêu đề email không phải HTML, nên đừng viết & ở đó. Hãy gõ ký tự trực tiếp; người nhận sẽ thấy nguyên văn mã nếu bạn dùng entity.
Trong WordPress
Trình soạn khối (Gutenberg) tự mã hóa < và & khi bạn gõ trong khối đoạn văn thường. Muốn hiển thị một đoạn mã, hãy dùng khối “Mã” (Code) thay vì tự gõ entity. Khi cần chèn entity thủ công, dùng khối “HTML tùy chỉnh”.
Tiêu đề bài và ô mô tả trong Rank Math cũng nên gõ ký tự trực tiếp. Plugin sẽ tự thoát ký tự khi in ra thẻ meta, nên gõ & có thể bị mã hóa hai lần.
Trong JSON và API
JSON không hiểu ký tự đặc biệt HTML. Chuỗi "© 2026" trong JSON vẫn là đúng sáu ký tự đó, không phải ©. Muốn viết ký tự Unicode trong JSON, dùng dạng "© 2026" hoặc gõ trực tiếp vì JSON chuẩn dùng UTF-8.
Lỗi hay gặp là dữ liệu lấy từ WordPress REST API có tiêu đề chứa – hay &. Khi hiển thị ra ứng dụng không phải HTML, bạn cần giải mã các entity này trước.
Cách gõ ký tự đặc biệt trên Windows và Mac
Nếu trang dùng UTF-8, bạn có thể gõ thẳng ký tự thay vì nhớ mã. Một vài cách nhanh:
- Windows: nhấn phím Windows + dấu chấm (Win + .) để mở bảng biểu tượng cảm xúc và ký hiệu, chọn tab ký hiệu để tìm ©, €, →.
- Windows (Character Map): gõ “Character Map” trong ô tìm kiếm Start, chọn ký tự rồi bấm Copy.
- Mac: nhấn Control + Command + Space để mở Character Viewer, tìm theo tên tiếng Anh như “arrow” hoặc “copyright”.
- Mac (phím Option): một số ký tự gõ nhanh bằng Option, ví dụ Option + G ra ©, Option + 2 ra ™ trên bàn phím tiếng Anh (US).
Khi không chắc ký tự có hiển thị đúng ở mọi nơi hay không, hãy quay lại dùng mã ký tự đặc biệt HTML trong bảng ở trên. Đó vẫn là cách an toàn nhất cho nội dung đi qua nhiều hệ thống.
Kiểm tra nhanh trước khi xuất bản
- Xem trước bài trên trình duyệt, tìm chỗ hiện nguyên văn kiểu “&” hoặc “ ”.
- Mở mã nguồn trang (Ctrl+U) để chắc thẻ meta không bị cắt bởi dấu ngoặc kép.
- Xem trên điện thoại để chắc các
không làm tràn dòng.
Câu hỏi thường gặp
Ký tự đặc biệt HTML nào bắt buộc phải mã hóa?
Ba ký tự bắt buộc là <, > và & khi muốn hiển thị chúng dưới dạng chữ. Trong giá trị thuộc tính, dấu ngoặc kép cũng cần đổi thành ". Các ký tự khác có thể gõ trực tiếp nếu trang dùng UTF-8.
Mã entity và mã số khác nhau thế nào?
Kết quả hiển thị giống hệt nhau. Mã tên dễ nhớ hơn nhưng không phải ký tự nào cũng có tên. Mã số dùng được cho mọi ký tự Unicode.
Làm sao gõ ký hiệu tiền Việt Nam ₫ trong HTML?
Dùng mã số ₫ vì ký hiệu này không có mã tên phổ biến. Trong CSS viết 20AB, trong JavaScript viết ₫.
Vì sao hiện nguyên văn trên trang?
Thường do bạn dán mã ở chế độ soạn trực quan, nên trình soạn thảo mã hóa thêm một lần thành &nbsp;. Hãy chuyển sang chế độ soạn mã rồi sửa lại.
Kết luận
Nắm vững ký tự đặc biệt HTML giúp nội dung hiển thị đúng, tránh lỗi cú pháp và trông chuyên nghiệp hơn. Hãy lưu trang này lại để tra nhanh khi cần.
Đọc tiếp: Website là gì? Có những loại nào nếu bạn đang bắt đầu tìm hiểu về web.