Thứ Tư, 27 tháng 11, 2013

Các ký tự đặc biệt trong thiết kế web

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ẻ.
Các ký tự đặc biệt trong thiết kế web
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 : &tên 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.