Khai báo DOCTYPE trong HTML
Trần Thị Vân - 2265
- 16/02/2025
DOCTYPE trong HTML là gì?
DOCTYPE trong HTML là một lệnh đặc biệt dùng để quy định phiên bản HTML cho một website, qua đó trình duyệt web có thể biết được website đang sử dụng phiên bản HTML nào.
Ví dụ về DOCTYPE trong HTML
Phiên bản HTML5
Có rất nhiều phiên bản HTML để khai báo trong DOCTYPE nhưng hiện nay chủ yếu dùng HTML5 với cú pháp DOCTYPE html rất đơn giản, không có phức tạp hơn mấy cái kia rất nhiều.
<!DOCTYPE html>
<html>
<head>
<title>Khai báo <!DOCTYPE> phiên bản HTML 5</title>
</head>
<body>
Khai báo <!DOCTYPE> phiên bản HTML 5
</body>
</html>
Các Phiên bản cũ hơn
HTML 4.01: HTML 4.01 thường có HTML 4.01 Strict, HTML 4.01 Transitional, HTML 4.01 Frameset.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
XHTML 1.0 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Trình duyệt hỗ trợ
| Chrome | Firefox | IE | Opera | Safari | Android |
|---|---|---|---|---|---|
| Có | Có | Có | Có | Có | Có |
Những lưu ý quan trọng khi khai báo DOCTYPE trong HTML
Khai báo DOCTYPE là bước nhỏ nhưng ảnh hưởng trực tiếp đến cách trình duyệt phân tích và hiển thị trang web. Khi sử dụng đúng DOCTYPE, tài liệu HTML sẽ hoạt động ổn định hơn, hạn chế lỗi giao diện do trình duyệt chuyển sang chế độ tương thích cũ.
Vị trí đặt DOCTYPE trong cấu trúc tài liệu HTML
DOCTYPE cần được đặt ở dòng đầu tiên của tài liệu HTML, trước cả thẻ html. Vị trí này giúp trình duyệt nhận biết loại tài liệu ngay khi bắt đầu đọc mã nguồn và áp dụng đúng tiêu chuẩn hiển thị.
Với HTML5, cách khai báo rất đơn giản:
<!DOCTYPE html>
Nếu đặt DOCTYPE sau các đoạn mã HTML khác, trình duyệt có thể không nhận diện đúng chế độ hiển thị, dẫn đến một số lỗi về CSS, bố cục hoặc cách xử lý thành phần trên trang.
Sự khác biệt giữa DOCTYPE HTML5 và các phiên bản HTML cũ
Các phiên bản HTML trước đây sử dụng DOCTYPE phức tạp hơn vì cần khai báo loại tài liệu và đường dẫn tiêu chuẩn tương ứng. Điều này khiến mã nguồn dài và khó ghi nhớ.
Trong HTML5, DOCTYPE được rút gọn chỉ còn một dòng khai báo duy nhất:
<!DOCTYPE html>
Cách viết mới giúp lập trình viên dễ sử dụng hơn, đồng thời vẫn đảm bảo trình duyệt hiểu rằng trang web đang tuân theo chuẩn HTML hiện đại.
Lỗi thường gặp khi thiếu hoặc khai báo sai DOCTYPE
Một số lỗi phổ biến khi làm việc với DOCTYPE gồm quên khai báo, viết sai cú pháp hoặc đặt không đúng vị trí. Những lỗi này có thể khiến trình duyệt chuyển sang chế độ Quirks Mode, tức là mô phỏng cách hiển thị của các trình duyệt cũ.
Khi gặp tình trạng này, trang web có thể xuất hiện các vấn đề như:
- Kích thước phần tử hiển thị không đúng với thiết lập CSS.
- Bố cục trang bị lệch giữa các trình duyệt khác nhau.
- Một số thuộc tính HTML hoặc CSS hiện đại hoạt động không như mong muốn.
Để tránh các lỗi không cần thiết, nên luôn bắt đầu tài liệu HTML bằng DOCTYPE HTML5 và kiểm tra lại cấu trúc mã nguồn trước khi triển khai website.
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Khai báo DOCTYPE trong HTML.
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
