Trong HTML, một số ký tự đặc biệt (<, >) phải được thay thế bằng các thực thể ký tự để tránh gây nhầm lẫn hoặc xung đột với mã HTML. Đôi khi một số ký tự không xuất hiện trên bàn phím như ©.
Một thực thể ký tự được định nghĩa theo cú pháp:
&ten_thuc_the; hoặc &#so_thu_tu_thuc_the;
Ví dụ để hiển thị ký hiệu <, chúng ta dùng:
< hoặc <
Lợi ích dùng tên thực thể là vì nó dễ nhớ. Bất lợi là có thể nhiều trình duyệt không hỗ trợ đầy đủ tên thực thể, tuy nhiên số thứ tự thực thể vẫn được nhận diện tốt.
Khoảng trắng không xuống dòng
Một thực thể ký tự phổ biến nhất đó là khoảng trắng không xuống dòng:
Ví dụ:
§ dammio.com = § dammio.com 10 km/h = 27 km/h 10 PM = 9:40 PM
Khoảng trắng bình thường chỉ được trình duyệt tính 1 lần duy nhất giữa các ký tự. Nếu bạn có thêm 10 khoảng trắng thì trình duyệt vẫn tính là 1 khoảng trắng. Vì vậy, việc thêm thực thể khoảng trắng ( ) giúp bạn giải quyết vấn đề đó.
Một số thực thể ký tự hữu ích trong HTML
Sau đây là 1 số thực thể hữu ích trong HTML, lưu ý tên thực thể ký tự có phân biệt hoa thường.
| Kết quả | Mô tả | Tên thực thể ký tự | Số thứ tự thực thể ký tự |
|---|---|---|---|
| khoảng trắng không xuống dòng | |   | |
| < | bé hơn | < | < |
| > | lớn hơn | > | > |
| & | dấu và | & | & |
| “ | nháy đôi | " | " |
| ‘ | nháy đơn | ' | ' |
| ¢ | cent | ¢ | ¢ |
| £ | pound | £ | £ |
| ¥ | yen | ¥ | ¥ |
| € | euro | € | € |
| © | copyright | © | © |
| ® | thương hiệu đã đăng ký | ® | ® |
Một số dấu ký tự
Một số ngôn ngữ như tiếng Việt, cần có 1 số dấu ký tự (diacritical mark). Do đó, HTML cũng hỗ trợ 1 số dấu như sau.
| Dấu | Ký tự | Mã | Kết quả |
|---|---|---|---|
| ̀ | a | à | à |
| ́ | a | á | á |
| ̂ | a | â | â |
| ̃ | a | ã | ã |
| ̀ | O | Ò | Ò |
| ́ | O | Ó | Ó |
| ̂ | O | Ô | Ô |
| ̃ | O | Õ | Õ |
Kết luận: Các thực thể ký tự rất quan trọng trong việc hiển thị các ký tự đặc biệt trên HTML và giúp bạn xử lý 1 số trường hợp hữu ích. Mời bạn tiếp tục theo dõi bài tiếp theo.
- APA:
Dammio. (2017). [HTML/HTML5] Phần 27: Thực thể ký tự trong HTML. https://www.dammio.com/2017/10/27/htmlhtml5-phan-27-thuc-the-ky-tu-trong-html. - BibTeX:
@misc{dammio,
author = {Dammio},
title = {[HTML/HTML5] Phần 27: Thực thể ký tự trong HTML},
year = {2017},
url = {https://www.dammio.com/2017/10/27/htmlhtml5-phan-27-thuc-the-ky-tu-trong-html},
urldate = {2025-01-10}
}
![[JQuery] Phần 1: Giới thiệu về jQuery](https://www.dammio.com/wp-content/uploads/2017/03/jquery-logo-410x260.png "[JQuery] Phần 1: Giới thiệu về jQuery"){kind=logo}
![[JQuery] Phần 6: Lấy nội dung và các thuộc tính trong jQuery](https://www.dammio.com/wp-content/uploads/2017/04/jQuery_text_html-410x260.png "[JQuery] Phần 6: Lấy nội dung và các thuộc tính trong jQuery")
![[Node.js] Phần 1: Giới thiệu về Node.js](https://www.dammio.com/wp-content/uploads/2017/06/threading_node-410x260.png "[Node.js] Phần 1: Giới thiệu về Node.js")
wpDiscuz