Từ điển

Doctype là gì?

Doctype (document type declaration) là dòng khai báo nằm ở đầu tiên của tài liệu HTML, cho trình duyệt biết trang web được viết theo chuẩn nào để hiển thị đúng. Với HTML5 hiện đại,

Doctype là gì?

Doctype (document type declaration) là dòng khai báo nằm ở đầu tiên của tài liệu HTML, cho trình duyệt biết trang web được viết theo chuẩn nào để hiển thị đúng. Với HTML5 hiện đại, dòng này rất ngắn gọn: <!DOCTYPE html>.

Vì sao cần Doctype?

Trình duyệt có hai chế độ hiển thị: chế độ chuẩn (standards mode) và chế độ tương thích ngược (quirks mode). Nếu thiếu Doctype, trình duyệt sẽ rơi vào quirks mode — hiển thị trang theo cách cũ kỹ, dễ vỡ layout: chữ lệch, khung méo, CSS không ăn đúng.

Với SEO, một trang vỡ layout đồng nghĩa với trải nghiệm người dùng kém: họ thoát ra ngay, tỷ lệ thoát tăng, Google đánh giá trang chất lượng thấp. Một dòng khai báo 15 ký tự nhưng quyết định cả cách trang của bạn hiện ra trước mắt người đọc.

Ví dụ thực tế

Bạn mở file HTML và quên dòng đầu tiên, chỉ viết thẳng <html>.... Trên Chrome mới trang vẫn hiện “tạm ổn”, nhưng mở bằng trình duyệt cũ hoặc kiểm tra kỹ sẽ thấy padding, margin hiển thị sai lệch so với thiết kế. Thêm <!DOCTYPE html> lên dòng đầu tiên — mọi thứ về đúng vị trí.

Lỗi thường gặp

  • Thiếu Doctype hoàn toàn — lỗi phổ biến ở các trang HTML viết tay hoặc template cũ.
  • Có khoảng trắng hoặc ký tự lạ trước dòng Doctype — một số trình duyệt sẽ bỏ qua khai báo nếu nó không nằm ở byte đầu tiên.
  • Dùng Doctype của chuẩn cũ (HTML 4.01, XHTML) trong khi code theo HTML5 — gây xung đột cách hiển thị.
  • Nhầm Doctype với thẻ HTML: Doctype không phải thẻ, nó chỉ là dòng khai báo và không có thẻ đóng.
Doctype là gì? - infographic

Xem thêm

Kiểm tra ngay

Dùng extension SEO-Check quét trang của bạn để kiểm tra Doctype tự động. Tải extension miễn phí tại seocheck.vn/chrome-extension.

← Xem toàn bộ từ điển
Doctype là gì? — Từ điển SEO-Check