Có một vài ký tự đặc biệt trong HTML. Ví dụ như bạn không thể hiện được dấu lớn hơn hoặc nhỏ hơn trong các đoạn văn bởi vì trình duyệt có thể hiểu nhầm chúng là ký tự của các thẻ.

Nếu bạn muốn trình duyệt hiển thị được những ký tự này, chúng ta phải chèn những code đặc biệt vào trong tài liệu thiết kế web.

Code của ký tự đặc biệt dạng như sau : &ten_code hoặc &#mã_ký_tự

Ví dụ: Hiển thị một dấu nhỏ hơn chúng ta viết : &lt hoặc &#60

Sự thuận lợi của tên code là nó dễ nhớ hơn mã ký tự. Tuy nhiên nhiều trình duyệt vẫn chữa hỗ trợ đầy đủ tên code (trong khi trình duyệt hỗ trợ rất tốt cho mã ký tự)

Ký tự đặc biệt được sử dụng nhiều nhất khi thiết kế web là khoảng trắng ( ).

Thông thường thì HTML sẽ lượt bỏ các khoảng trắng trong đoạn văn. Nếu bạn có 10 khoảng trắng liên tiếp thì 9 cái sẽ bi lượt bỏ. Để thêm nhiều khoảng trắng liên tiếp chúng ta sử dụng :

Ví dụ:
Tap chi       tin hoc    Online.
Khi hiểu thị trên web là: Tap chi       tin hoc    Online

Các ký tự đặc biệt thường sử dụng khi thiết kế web

Ký tựMã ký tựTên ký tựChú thích
   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

Chú ý: tên code thì phân biệt chữ hoa và thường là khác nhau!

Bạn có thể xem toàn bộ các ký tự đặc biệt tại HTML Entities Reference.

  • HTML
  • November 8, 2013
  • 0 comment
  • 222 views

Recent posts

POCO M7 Pro mẫu smartphone 5G giá siêu rẻ của Xiaomi

POCO M7 Pro mẫu smartphone 5G giá siêu rẻ của Xiaomi

POCO M7 Pro là mẫu smartphone 5G giá siêu rẻ của Xiaomi, chỉ hơn 4 triệu đồng nhưng vẫn được […]

Hóa ra “đường link màu tím” trên Chrome không chỉ là tính năng, nó còn là lỗ hổng bảo mật 16 năm tuổi

Hóa ra “đường link màu tím” trên Chrome không chỉ là tính năng, nó còn là lỗ hổng bảo mật 16 năm tuổi

Chỉ mới đây thôi, Google phát hành bản vá cho một lỗ hổng nghiêm trọng trong trình duyệt Chrome đã […]

[WordPress] Hướng dẫn sử dụng wp_admin_notice()

[WordPress] Hướng dẫn sử dụng wp_admin_notice()

Hàm wp_admin_notice() được giới thiệu trong WordPress 6.4.0, cung cấp một cách tiêu chuẩn và dễ dàng hơn để hiển […]

[WordPress] Hướng dẫn cách sử dụng Hooks (Filters và Actions)

[WordPress] Hướng dẫn cách sử dụng Hooks (Filters và Actions)

Hooks (Filters và Actions) là một bước quan trọng để tùy chỉnh và mở rộng WordPress. Dưới đây là hướng […]

[WordPress] Hướng dẫn tạo nút upload media bằng wp_enqueue_media()

[WordPress] Hướng dẫn tạo nút upload media bằng wp_enqueue_media()

wp_enqueue_media() là một hàm WordPress mạnh mẽ cho phép bạn tích hợp trình tải lên và quản lý tệp phương tiện […]

© 2021 Tạp Chí CNTT. Mr Hoang