<!DOCTYPE>

Posted by: admin in Thư viện HTML 2 Comments

« Bài Trước Các thẻ trong HTML Bài tiếp »

<!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">