Một số ký tự như <, >, & có ý nghĩa đặc biệt trong HTML, phải viết bằng mã thực thể. Bài này cũng hướng dẫn chèn ký hiệu toán học, tiền tệ, mũi tên và emoji.
Bạn sẽ học được
- Viết thực thể HTML cho ký tự dành riêng
- Dùng khoảng trắng không ngắt
- Chèn ký hiệu bằng tên hoặc mã số
- Chèn emoji và hiểu vai trò của UTF-8
Thuật ngữ cần biết
- Thực thể (entity)
- Mã đại diện ký tự: < là <.
-
- Khoảng trắng không bị ngắt dòng, không bị gộp.
- Unicode
- Bảng mã chứa mọi ký tự của mọi ngôn ngữ và emoji.
Khái niệm và lý thuyết
Thực thể có dạng &tên; hoặc &#số;. Nhờ trang dùng UTF-8, hầu hết ký tự (kể cả tiếng Việt, emoji) có thể gõ trực tiếp; thực thể chủ yếu cần cho ký tự dành riêng và ký tự khó gõ.
Thực thể thường dùng
| Hiển thị | Mã | Ý nghĩa |
|---|---|---|
| < | < | Nhỏ hơn |
| > | > | Lớn hơn |
| & | & | Dấu và |
| " | " | Nháy kép |
| © | © | Bản quyền |
| ® | ® | Đã đăng ký |
| € | € | Euro |
| → | → | Mũi tên phải |
| × | × | Dấu nhân |
| ≤ ≥ | ≤ ≥ | Nhỏ/lớn hơn hoặc bằng |
<p>Công thức: a < b && b > c</p>
<p>© 2026 Tự Học Tin · 10 km · 5 × 3 = 15 → Kết quả</p>
<p>€ ★ ♥ (viết bằng mã số)</p>Kết quả hiển thị
Công thức: a < b && b > c
© 2026 Tự Học Tin · 10 km · 5 × 3 = 15 → Kết quả
€ ★ ♥ (viết bằng mã số)
Emoji
<p style="font-size: 28px;">😀 🎓 💻 🌸 ☕ 🇻🇳</p>
<p>Viết bằng mã: 😀 🎓</p>Kết quả hiển thị
😀 🎓 💻 🌸 ☕ 🇻🇳
Viết bằng mã: 😀 🎓
Trên Windows nhấn Win + ., trên macOS nhấn Ctrl + Cmd + Space để mở bảng emoji. Emoji hiển thị khác nhau tùy hệ điều hành.
Mẹo hay
Dùng giữa số và đơn vị (10 km) để chúng không bị tách ra hai dòng.
Lưu ý
Không dùng nhiều liên tiếp để căn lề; dùng CSS padding/margin.
Thực hành
- Viết chân trang có ký hiệu bản quyền và năm.
- Viết bảng 5 ký hiệu toán học thường dùng.
- Trang trí tiêu đề các mục bằng emoji phù hợp.
Tóm tắt bài học
- Ký tự < > & phải viết bằng thực thể.
- tạo khoảng trắng không ngắt.
- UTF-8 cho phép gõ trực tiếp tiếng Việt và emoji.