Khi bắt đầu một tài liệu HTML mới, một trong những việc đầu tiên cần làm là viết khai báo loại tài liệu (doctype). Khai báo doctype báo cho trình duyệt biết rằng trang web sẽ được hiển thị được viết bằng HTML. Để khai báo doctype HTML5, <!DOCTYPE html> là bắt buộc và phải đặt ở dòng đầu tiên của tài liệu HTML. Khai báo doctype cho HTML5 không phân biệt chữ hoa chữ thường và không yêu cầu thẻ đóng.
Các thành phần cần có trong tài liệu HTML mới
Ngoài khai báo doctype, bạn cũng cần bao gồm các thẻ html, head và body.
<!DOCTYPE html>
<html>
<head>
<!-- Metadata cho trang web -->
</head>
<body>
<!-- Nội dung người dùng sẽ thấy -->
</body>
</html>
Phần tử HTML
Thẻ <html> truyền đạt cho trình duyệt web rằng mọi thứ nằm giữa thẻ mở <html> và thẻ đóng </html> là văn bản HTML.
Phần tử Head
Phần tử <head> lưu trữ metadata cho trình duyệt. Metadata này có thể bao gồm thông tin như ngôn ngữ của trang, tiêu đề trang web, hoặc liên kết đến bảng định kiểu (stylesheet).
Phần tử Body
Phần tử <body> chứa thông tin mà người xem sẽ thấy. Có một số thẻ được bao gồm trong phần tử body. Chúng có thể bao gồm thẻ <p> cho đoạn văn, thẻ <ol> cho danh sách có thứ tự, thẻ <li> cho mục danh sách, hoặc thẻ <a> cho liên kết.
Các Doctype khác bạn có thể gặp
Đối với tài liệu HTML5, bạn có thể khai báo doctype với mã <!DOCTYPE html>, nhưng bạn cũng có thể tìm thấy mã kế thừa được viết cho các doctype trước đó. Khai báo doctype trước HTML5 phức tạp hơn vì nó tham chiếu đến một DTD (Document Type Definition - Định nghĩa loại tài liệu). Các phiên bản khai báo doctype HTML trước đây bao gồm:
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "https://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "https://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Tin tốt là: Không có lý do gì để sử dụng một trong các doctype cũ hơn nếu bạn đang viết một tài liệu HTML mới!
Kết luận
Tóm lại, mỗi tài liệu HTML phải bắt đầu bằng một khai báo doctype. Khai báo này truyền đạt cho trình duyệt rằng trang web sẽ được hiển thị bằng HTML. Nếu bạn mới học HTML, hãy xem hướng dẫn của chúng tôi: Học HTML: Hướng dẫn học Ngôn ngữ Đánh dấu Siêu văn bản, hoặc đọc bài viết "Mất bao lâu để học HTML?".