Hướng dẫn doctype html la gì

Định nghĩa và sử dụng

!Doctype không phải là một tag HTML, !Doctype chỉ cho trình duyệt web biết được phiên bản ngôn ngữ đánh dấu (markup language) nào được sử dụng trong trang web.

Cấu trúc

Khai báo !Doctype ngay tại dòng đầu tiên của văn bản html, ngay trước tag

Cấu trúc một !Doctype trong file html:




Tiêu đề của văn bản HTML


Nội dung của văn bản HTML...

"Document Type Definition" (DTD), DTD quy định cụ thể các quy tắc cho các ngôn ngữ đánh dấu, để làm cho các trình duyệt thông dịch thêm chính xác.

Các giá trị của !DOCTYPE trong kiến nghị của W3C:

HTML 4.01 Strict

DTD này chứa các thành phần và các thuộc tính HTML, nhưng không bao gồm các thành phần trình bày (như font), không được chứa các frameset

HTML 4.01 Transitional

DTD này chứa các thành phần và các thuộc tính HTML, bao gồm các thành phần trình bày (như font), không được chứa các frameset

HTML 4.01 Frameset

DTD này tương đương với HTML 4.01, có thể sử dụng được các frameset

XHTML 1.0 Strict

DTD này chứa các thành phần và các thuộc tính HTML, nhưng không bao gồm các thành phần trình bày (như font), không được chứa các frameset, đánh dấu này phải được viết theo hình thức XML

XHTML 1.0 Transitional

DTD này chứa các thành phần và các thuộc tính HTML, bao gồm các thành phần trình bày (như font), không được chứa các frameset, đánh dấu này phải được viết theo hình thức XML

XHTML 1.0 Frameset

DTD này tương đương với XHTML 1.0, có thể sử dụng được các frameset

XHTML 1.1

DTD này tương đương với XHTML 1.0 Strict, và cho phép bạn thêm các module

HTML 5

Đối với HTML 5, chưa có chuẩn DTD, tạm khai báo như sau:

- Thẻ dùng để xác định phiên bản HTML mà bạn đang sử dụng (dựa vào phiên bản HTML mà bạn đang sử dụng, trình duyệt sẽ lựa chọn sự hỗ trợ tốt nhất dành cho trang web của bạn)

Nội dung chính

  • Đặc điểm của DOCTYPE
  • HTML5 DOCTYPE
  • HTML 4 DOCTYPE
  • Khai báo của XHTML 1.1 có dạng như sau:
  • XHTML 1.0 Strict
  • XHTML 1.0 Transitional
  • XHTML 1.0 Frameset
  • 1. Document type declaration (khai báo loại tài liệu)
  • 2. Thẻ
  • 3. Ví dụ
  • 4. Một số DTD thông dụng:
  • XHTML 1.0 DTD
  • 5. Khác biệt với HTML5
  • 6. Nguồn trích dẫn
  • Video liên quan

- Thẻ phải được đặt ở vị trí trên cùng của tập tin.

Ví dụ:

Tập tin này sử dụng phiên bản HTML5

Tiêu đề trang web

Nội dung trang web

- Dưới đây là một số phiên bản HTML:

1) XHTML 1.0 Strict

2) XHTML 1.0 Transitional

3) XHTML 1.0 Frameset

4) XHTML 1.1

5) HTML 4.01 Strict

6) HTML 4.01 Transitional

7) HTML 4.01 Frameset

8) HTML 5

- Lưu ý:

  • Thẻ sẽ không có bất kỳ hiển thị gì lên màn hình trình duyệt.
  • Hiện nay HTML5 là phiên bản mới nhất và được hỗ trợ mạnh mẽ nhất, do đó khuyến khích các bạn sử dụng thẻ

Em có tham khảo bài hướng dẫn về thẻ trong khoá học HTML Cho Người Mới Bắt Đầu nhưng mà vẫn chưa hiểu thẻ DOCTYPE có tác dụng gì trong HTML. Em có thử tạo trang HTML mà không có thẻ này như sau:

Trang này không sử dụng thẻ DOCTYPE

Và sau đó mở trang trên trình duyệt thì thấy vẫn chạy bình thường không vấn đề gì.

Các bác ai biết giải thích giúp em tại sao trong HTML lại quy định cần phải sử dụng thẻ này ạ?

!Doctype là một đoạn định dạng không phải là html tag, !Doctype Declaration có tác dụng làm cho trình duyệt web biết được website của bạn đang sử dụng phiên bản ngôn ngữ đánh dấu (hay còn gọi markup language) nào.

Cú pháp:

Bạn đang đọc: Doctype html là gì | cách sử dụng !DOCTYPE chuẩn trong html

1234567891011

Nộidungcủawebsite

  • Trang chủ
  • Tham khảo
  • Tag html

!Doctype không phải là một tag HTML, !Doctype chỉ cho trình duyệt web biết được phiên bản ngôn ngữ đánh dấu (markup language) nào được sử dụng trong trang web.

Khai báo !Doctype ngay tại dòng đầu tiên của văn bản html, ngay trước tag

Cấu trúc một !Doctype trong file html:

Tiêu đề của văn bản HTML Nội dung của văn bản HTML...

"Document Type Definition" (DTD), DTD quy định cụ thể các quy tắc cho các ngôn ngữ đánh dấu, để làm cho các trình duyệt thông dịch thêm chính xác.

DTD này chứa các thành phần và các thuộc tính HTML, nhưng không bao gồm các thành phần trình bày (như font), không được chứa các frameset

DTD này chứa các thành phần và các thuộc tính HTML, bao gồm các thành phần trình bày (như font), không được chứa các frameset

DTD này tương đương với HTML 4.01, có thể sử dụng được các frameset

DTD này chứa các thành phần và các thuộc tính HTML, nhưng không bao gồm các thành phần trình bày (như font), không được chứa các frameset, đánh dấu này phải được viết theo hình thức XML

DTD này chứa các thành phần và các thuộc tính HTML, bao gồm các thành phần trình bày (như font), không được chứa các frameset, đánh dấu này phải được viết theo hình thức XML

DTD này tương đương với XHTML 1.0, có thể sử dụng được các frameset

DTD này tương đương với XHTML 1.0 Strict, và cho phép bạn thêm các module

Đối với HTML 5, chưa có chuẩn DTD, tạm khai báo như sau:

Chúng ta thường thấy khai báo DOCTYPE ở đầu trang HTML. Vậy có khi nào bạn tự hỏi DOCTYPE là gì? không. Chắc là có đúng không. Trong bài này chúng ta sẽ đi tìm câu trả lời cho câu hỏi DOCTYPE là gì? nhé

HTML có nhiều phiên bản khác nhau như HTML5, HTML 4, HTML 3, XHTML... Khai báo được các trình duyệt sử dụng để xác định loại văn bản HTML.

Đặc điểm của DOCTYPE

  • Khai báo phải được đặt trước tất cả các thẻ khác.
  • Khai báo không phải là thẻ.

Hiện tại HTML5 là phiên bản mới nhất và đang được sử dụng phổ biến trên hầu hết các website.

HTML5 DOCTYPE

Với HTML phiên bản 5 (hay HTML5, lưu ý số 5 viết liền với HTML) khai báo sẽ như sau:

HTML 4 DOCTYPE

HTML 4 gồm có các phiên bản HTML 4.0, HTML 4.01 Strict, HTML 4.01 Transition, HTML 4.01 Frameset) và mặc dù ít được sử dụng tuy nhiên đôi khi bạn vẫn thấy chúng tồn tại ở một số website. Cú pháp của HTML 4 hơi phức tạp hơn so với HTML5.

HTML 4.01 Strict

Với phiên bản HTML 4.01 Strict khai báo như sau:

HTML 4.01 Transition

Với phiên bản HTML 4.01 Transition khai báo như sau:

HTML 4.01 Frameset

Với phiên bản HTML 4.01 Frameset khai báo như sau:

XHTML DOCTYPE XHTML 1.1

Khai báo của XHTML 1.1 có dạng như sau:

XHTML 1.0 Strict

Khai báo của XHTML 1.0 Strict có dạng như sau:

XHTML 1.0 Transitional

Khai báo của XHTML 1.0 Transition có dạng như sau:

XHTML 1.0 Frameset

Khai báo của XHTML 1.0 Frameset có dạng như sau:

Từ những khai báo trên chúng ta có thể thấy DOCTYPE luôn đi kèm vơi HTML tạo thành cặp bài trùng DOCTYPE html . Doctype html là đôi bạn cùng tiền :))

Ở đầu mỗi file HTML chúng ta thường thấy một dòng như thế này

Vậy dòng này có ý nghĩa gì ? Và tại sao lại cần dòng này ?

1. Document type declaration (khai báo loại tài liệu)

Lược dịch từ wiki:

Document type declaration (DTD) là một chỉ dẫn liên quan đến một SGML (Standard Generalized Markup Language) hoặc một tài liệu XML (ví dụ như một trang web) với một định nghĩa kiểu tài liệu (ví dụ, định nghĩa phiên bản cụ thể của HTML). Tuân thủ theo cú pháp của tài liệu, nó thường được thể hiện dưới dạng một chuỗi đánh dấu ngắn. (Nói chung, không phải là một thẻ HTML, nó là một lệnh khai báo, dùng để khai báo kiểu của tài liệu HTML.)

Theo cách thức bố cục các trang mà không theo chuẩn HTML5 thì DOCTYPE có nhiệm vụ "đánh hơi" hoặc "chuyển đổi", cụ thể DOCTYPE sẽ xác định cách thức bố trí các trang tài liệu dạng text/html theo cách thức nào, chẳng hạn như "quirks mode" hay "standards mode".

Định nghĩa DOCTYPE là bắt buộc nếu như document được xử lý qua một validating environment. Để được hợp lệ, định nghĩa loại văn bản trong thẻ phải tương ứng với cấu trúc của file document.

2. Thẻ

Thẻ của chúng ta có một cấu trúc đầy đủ như sau:

DOCTYPE root-element SYSTEM "URI" []> <!DOCTYPE root-element PUBLIC "FPI" ["URI"] [