Để trang HTML hiển thị chính xác, trình duyệt web sử dụng Bảng mã ký tự (Character Set). Hãy tham khảo bài viết dưới đây để tìm hiểu chi tiết về chủ đề này.
Responsive Web Design trong HTML
1. Khái niệm về Character Encoding
HTML 4 sử dụng ISO-8859-1 làm bộ ký tự mặc định, hỗ trợ 256 mã ký tự đa dạng.
Bảng mã ANSI (Windows-1252) là bản mở rộng của ISO-8859-1, với thêm 32 ký tự độc đáo.
Vì bảng mã ANSI và ISO-8859-1 có hạn, HTML 4 mở rộng hỗ trợ UTF-8, bảng mã Unicode với đầy đủ ký tự và biểu tượng toàn cầu.
HTML5 chọn UTF-8 làm bảng mã mặc định, đồng thời mang lại đa dạng ký tự cho trang web.
2. Attribut charset trong HTML
Để trình duyệt hiển thị trang web chính xác, bạn cần xác định bảng mã ký tự trong thẻ meta:
Nếu trình duyệt phát hiện ISO-8859-1 trên trang web, nó sẽ tự động chuyển sang bảng mã ANSI.
3. Bảng mã ký tự (Character Set) trong HTML
Dưới đây là danh sách các bảng mã ký tự (Character Set) được sử dụng trong HTML:
4. Bảng mã ký tự ASCII
- ASCII sử dụng giá trị từ 0 đến 31 (và 127) để biểu diễn các ký tự điều khiển.
- Các giá trị từ 32 đến 126 của ASCII đại diện cho chữ cái, chữ số và ký hiệu.
- ASCII không sử dụng giá trị từ 128 đến 255.
5. Bảng mã ký tự ANSI (Windows-1252)
- Bảng mã ký tự ANSI tương tự ASCII cho các giá trị từ 0 đến 127.
- ANSI bao gồm bộ ký tự độc quyền cho các giá trị từ 128 đến 159.
- Bảng mã ANSI tương tự UTF-8 cho các giá trị từ 160 đến 255.
6. Bảng mã ký tự ISO-8859-1
- Bảng mã ký tự ISO-8859-1 tương tự ASCII cho các giá trị từ 0 đến 127.
- Không sử dụng các giá trị từ 128 đến 159 trong bảng mã này.
- ISO-8859-1 cũng tương tự UTF-8 cho giá trị từ 160 đến 255.
7. Bảng mã ký tự UTF-8
- Bảng mã UTF-8 tương tự ASCII cho giá trị từ 0 đến 127.
- Không sử dụng các giá trị từ 128 đến 159 trong UTF-8.
- UTF-8 cũng tương tự ANSI và 8859-1 cho giá trị từ 160 đến 255.
- UTF-8 mở rộng từ giá trị 256 với hơn 10.000 ký tự khác nhau.
8. Quy tắc CSS @charset
Sử dụng quy tắc CSS @charset để xác định mã ký tự trong style sheet.
Ví dụ: Để đặt mã ký tự của style sheet thành Unicode UTF-8, sử dụng:
@charset 'UTF-8';
Trong bài viết này, Mytour đã giới thiệu về bảng mã ký tự (Character Set) trong HTML. Nếu có thắc mắc hoặc câu hỏi, hãy để lại ý kiến trong phần bình luận. Trong bài viết tiếp theo, Mytour sẽ tiếp tục giới thiệu về URL trong HTML.