<!DOCTYPE>
1 2 3 4 5 6 7 8 9 10 11 < ! DOCTYPE html > < html > < head > < title > Ti ê u đề c ủ a website < / title > < / head > < body > ...
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title>Tiêu đề của website</title> </head> <body> Nội dung của website </body> </html> |
Demo
Định nghĩa và cách sử dụng
Khai báo<!DOCTYPE> phải đặt ở trên cùng của trang HTML, trước thẻ cả thẻ <html>.
<!DOCTYPE> không phải là một thẻ HTML; nó chỉ dẫn cho trình duyệt web biết phiên bản của HTML mà trang đang sử dụng.
Trong HTML 4.01, khai báo <!DOCTYPE> declaration dùng để chỉ một DTD, vì HTML 4.01 dựa trên SGML. DTD quy định cụ thể các quy tắc cho HTML giúp các trình duyệt hiển thị nội dung một cách chính xác.
HTML5 không dựa trên SGML do vậy không cần phải khai báo DTD.
Mẹo: Luôn luôn đặt <!DOCTYPE> vào trong các trang HTML của bạn, nó sẽ chỉ cho trình duyệt biết kiểu tài liệu HTML mà bạn đang sử dụng.
Các trình duyệt hỗ trợ
Thuộc tính | |||||
---|---|---|---|---|---|
<!DOCTYPE> | Có | Có | Có | Có | Có |
Sự khác biệt giữa HTML 4.01 và HTML5
Có 3 cách khai báo <!DOCTYPE> trong HTML 4.01. Còn trong HTML5 chỉ có 1 cách duy nhất:
1 |
<!DOCTYPE html> |
Các thẻ HTML và các kiểu Doctype
Bạn có thể tham khảo bảng các thẻ trong HTML phù hợp với những kiểu Doctype nhất định.
Mẹo và lưu ý
Mẹo: Khai báo<!DOCTYPE> không phân biệt chữ hoa, chữ thường.
Mẹo: Kiểm tra mã bạn viết đã đúng chuẩn hay chưa bằng công cụ kiểm tra của W3C.
Các kiểu khai báo DOCTYPE thông dụng
HTML5
1 |
<!DOCTYPE html> |
HTML 4.01 Strict
DTD này chứa tất cả các thẻ và thuộc tính HTML, nhưng KHÔNG BAO GỒM các thẻ về trình bày hoặc các thẻ đã bị loại bỏ (như thẻ font). Các thẻ về framesets cũng không được phép sử dụng.
1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
HTML 4.01 Transitional
DTD này chứa tất cả các thẻ và thuộc tính HTML, BAO GỒM cả các thẻ về trình bày hoặc các thẻ đã bị loại bỏ (như thẻ font). Các thẻ về framesets cũng không được phép sử dụng.
1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
HTML 4.01 Frameset
DTD này như HTML 4.01 Transitional nhưng cho phép sử dụng các nội dung có frameset.
1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> |
XHTML 1.0 Strict
DTD này chứa tất cả các thẻ và thuộc tính HTML, nhưng KHÔNG BAO GỒM các thẻ về trình bày hoặc các thẻ đã bị loại bỏ (như thẻ font). Các thẻ về framesets cũng không được phép sử dụng. Nội dung phải được viết chuẩn theo cú pháp của XML.
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
XHTML 1.0 Transitional
DTD này chứa tất cả các thẻ và thuộc tính HTML, BAO GỒM cả các thẻ về trình bày hoặc các thẻ đã bị loại bỏ (như thẻ font). Các thẻ về framesets cũng không được phép sử dụng. Nội dung phải được viết chuẩn theo cú pháp của XML.
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
XHTML 1.0 Frameset
DTD này giống với XHTML 1.0 Transitional nhưng cho phép sử dụng các nội dung có frameset.
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
XHTML 1.1
DTD giống với XHTML 1.0 Strict nhưng cho phép bạn thêm các module vào (ví dụ thẻ ruby để hỗ trợ ngôn ngữ Đông Á).
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |