Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Khai báo DOCTYPE trong HTML

Khi tạo một tài liệu HTML, khai báo DOCTYPE phải nằm ở dòng đầu tiên của tài liệu. Nó thông báo cho trình duyệt biết phiên bản HTML mà trang được viết. DOCTYPE không phân biệt chữ hoa/chữ thường.

Ví dụ cơ bản

<!DOCTYPE html>
<html>
<head>
    <title>Tiêu đề tài liệu</title>
</head>
<body>
    <h1>Tiêu đề demo</h1>
    <p>Đây là văn bản demo.</p>
</body>
</html>

Kết quả

Khai báo DOCTYPE trong HTML

Các loại khai báo DOCTYPE phổ biến

1. HTML5 (Hiện tại - Khuyên dùng)

Đơn giản nhất, kích hoạt chế độ chuẩn (standards mode) trên tất cả trình duyệt hiện đại.

<!DOCTYPE html>

2. HTML 4.01 Strict

Bao gồm tất cả các phần tử HTML trừ những phần tử đã bị loại bỏ (deprecated) và không cho phép frameset.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">

3. HTML 4.01 Transitional

Bao gồm tất cả các phần tử HTML kể cả các phần tử đã bị loại bỏ.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">

4. XHTML 1.0 Strict

Tuân thủ chuẩn XML nghiêm ngặt, không cho phép phần tử deprecated.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

5. XHTML 1.0 Transitional

Cho phép các phần tử deprecated và trình bày (presentational).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
💡 Mẹo: Luôn sử dụng <!DOCTYPE html> cho các dự án mới. Nó ngắn gọn, dễ nhớ và đảm bảo trình duyệt hiển thị trang ở chế độ chuẩn (standards mode) thay vì chế độ quirks mode.