[HTML/HTML5] Phần 27: Thực thể ký tự trong HTML

33 lượt xem

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:

&lt; hoặc &#60;

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ụ:

§&nbsp;dammio.com = § dammio.com
10&nbsp;km/h = 27 km/h
10&nbsp;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 &nbsp; &#160;
< bé hơn &lt; &#60;
> lớn hơn &gt; &#62;
& dấu và &amp; &#38;
nháy đôi &quot; &#34;
nháy đơn &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® thương hiệu đã đăng ký &reg; &#174;

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ự Kết quả
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

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.

Bình luận Facebook

Để lại bình luận

2 Comments on "[HTML/HTML5] Phần 27: Thực thể ký tự trong HTML"

Notify of
avatar
1000
Sort by:   newest | oldest | most voted
trackback

[…] [HTML/HTML5] Phần 27: Thực thể ký tự trong HTML […]

trackback

[…] [HTML/HTML5] Phần 27: Thực thể ký tự trong HTML […]

wpDiscuz