Để hiển thị một trang HTML một cách chính xác, một trình duyệt web phải biết bộ ký tự nào sẽ dùng.

Mã hóa ký tự là gì?

ASCII là tiêu chuẩn mã hóa ký tự đầu tiên (cũng được gọi là bộ ký tự). ASCII xác định 128 ký tự chữ và số khác nhau có thể được sử dụng trên Internet: các số (0 - 9), các chữ cái tiếng anh (A - Z), và một vài các ký tự đặc biệt như ! $ + - ( ) @ < >.

ISO-8859-1 là bộ ký tự mặc định cho HTML 4. Bộ ký tự này hỗ trợ 256 các ký tự mã hóa khác nhau.

ANSI (Windows - 1252) là bộ ký tự window nguyên bản. ANSI giống hệt với ISO-8859-1, ngoại trừ ANSI có 32 ký tự thêm.

Bởi vì ANSI và ISO-8859-1 rất hạn chế, HTML 4 cũng được hỗ trợ UTF-8.

Bộ ký tự mặc định cho HTML5 là UTF-8.

Thuộc tính của bộ ký tự trong HTML

Để hiển thị một trang HTML một cách chính xác, một trình duyệt phải được biết bộ ký tự nào sẽ sử dụng trong trang.

Được xác định sau đây bằng thẻ  <meta> :

<meta charset="UTF-8">

Sự khác biệt giữa các bộ ký tự

Bảng sau hiển thị sự khác biệt giữa các bộ ký tự mô tả bên trên:

Bộ ký tự ASCII

ASCII sử dụng các giá trị từ 0 đến 31 (và 127) để kiểm soát các ký tự.

ASCII sử dụng các giá trị từ 32 đến 126 cho các chữ cái, chữ số, và biểu tượng.

ASCII không sử dụng các giá trị 128 đến 255.

Bộ ký tự ANSI (Windows-1252)

ANSI giống với ASCII với các giá trị từ 0 - 127.

ANSI có một bộ ký tự độc quyền cho các giá trị từ 128 đến 159.

ANSI giống hệt UTF-8 với các giá trị từ 160 - 255.

Bộ ký tự ISO-8859-1

8859-1 giống với ASCII với các giá trị từ 0 - 127.

8859-1 không sử dụng các giá trị 128 đến 159.

8859-1 giống với UTF-8 với các giá trị từ 160 - 255.

Bộ ký tự UTF-8

UTF-8 giống với ASCII với các giá trị từ 0 - 127.

UTF-8 không sử dụng các giá trị 128 đến 159.

UTF-8 giống cả với ANSI và 8859-1 với các giá trị từ 160 - 255.

UTF-8 tiếp tục từ giá trị 256 với nhiều hơn 10000 các ký tự khác.

Quy tắc @charset trong CSS

Bạn có thể sử dụng quy tắc  @charset CSS để xác định ký tự mã hóa sử dụng trong một dải phong cách:

ví dụ

Đặt mã hóa của dải phong cách thành Unicode UTF-8:

@charset "UTF-8";