10/05/2018, 23:28
Cách sử dụng DOCTYPE
Tại bài: Các lỗi thường gặp khi code HTML và CSS mình đề cập tới DOCTYPE, có thể nhiều bạn ko hiểu nên mình viết bài này Mỗi tiêu chuẩn HTML và XHTML đều có một DOCTYPE (Document Type Declaration) để khai báo khi được kiểm tra rằng phiên bản HTML hoặc XHTML đang được bạn sử dụng. DOCTYPE, thường ...
Tại bài: Các lỗi thường gặp khi code HTML và CSS mình đề cập tới DOCTYPE, có thể nhiều bạn ko hiểu nên mình viết bài này
Mỗi tiêu chuẩn HTML và XHTML đều có một DOCTYPE (Document Type Declaration) để khai báo khi được kiểm tra rằng phiên bản HTML hoặc XHTML đang được bạn sử dụng. DOCTYPE, thường được đặt ở đầu mỗi Web Document, là thành phần chính của các Web Document chuẩn mực. Thiếu DOCTYPE, markup mà bạn viết và CSS sẽ không được kiểm duyệt.
DOCTYPE còn là yếu tố cơ bản để các Web Document được kết xuất và sử dụng được các tính năng một cách chính xác trong các trình duyệt chuẩn mực.
Một DOCTYPE thường gồm một đường dẫn cụ thể để khai báo với Browsers , Browser sẽ dựa vào đó để được kết xuất theo các chuẩn mực đúng tiêu chuẩn, và HTML hoặc XHTML, CSS, DOM sẽ được sử dụng đúng như các mà bạn muốn chúng sẽ được sử dụng.
Không chọn hoặc chọn nhầm DOCTYPE sẽ khiến các Web Browser xem như là Web Document của bạn được viết theo kiểu cũ, viết sai. Theo đó, các Web Browser sẽ xử lý trang Web của bạn làm sao đó để nó tương thích ngược với các phiên bản của các trình duyệt này, và làm theo cách riêng của chúng. Vì thế, Web Documents của bạn sẽ được hiển thị khác nhau trên các trình duyệt khác nhau. Rõ ràng, đây không phải là điều bạn muốn, nhưng nó thường là cái bạn sẽ có được, vì hậu quả nặng nề của việc không chọn hoặc chọn sai DOCTYPE.
Hiện tại có 4 loại cơ bản: : HTML 4.01, XHTML 1.0, XHTML 1.1 và HTML5. Tất cả đều yêu cầu một DOCTYPE khác nhau để báo cho trình duyệt cách kết xuất trang web.
1. Với HTML 4.01
a. Strict:
b. Transitional:
c. Frameset:
2. VớiXHTML 1.0:
a. Strict:
b. Transitional:
c. Frameset:
3. Với XHTML 1.1: XHTML 1.1 chỉ có một DTD, nhưng tài liệu lấy từ typesapplication/xhtml+xml hoặc application/xml. Nếu bạn không biết ý nghĩa thì không nên sử dụng nó bởi vì XHTML 1.1 không được sử dụng rộng rãi.
4. Với HTML 5: Vẫn đang phát triển, nhưng nó được hỗ trợ trong các trình duyệt hiện đại nhất. HTML5 giải quyết những vấn đề lớn của HTML nhằm mục đích khiến cho một trang web được clean hơn và hiệu quả hơn.
Code:
Mỗi tiêu chuẩn HTML và XHTML đều có một DOCTYPE (Document Type Declaration) để khai báo khi được kiểm tra rằng phiên bản HTML hoặc XHTML đang được bạn sử dụng. DOCTYPE, thường được đặt ở đầu mỗi Web Document, là thành phần chính của các Web Document chuẩn mực. Thiếu DOCTYPE, markup mà bạn viết và CSS sẽ không được kiểm duyệt.
DOCTYPE còn là yếu tố cơ bản để các Web Document được kết xuất và sử dụng được các tính năng một cách chính xác trong các trình duyệt chuẩn mực.
Một DOCTYPE thường gồm một đường dẫn cụ thể để khai báo với Browsers , Browser sẽ dựa vào đó để được kết xuất theo các chuẩn mực đúng tiêu chuẩn, và HTML hoặc XHTML, CSS, DOM sẽ được sử dụng đúng như các mà bạn muốn chúng sẽ được sử dụng.
Không chọn hoặc chọn nhầm DOCTYPE sẽ khiến các Web Browser xem như là Web Document của bạn được viết theo kiểu cũ, viết sai. Theo đó, các Web Browser sẽ xử lý trang Web của bạn làm sao đó để nó tương thích ngược với các phiên bản của các trình duyệt này, và làm theo cách riêng của chúng. Vì thế, Web Documents của bạn sẽ được hiển thị khác nhau trên các trình duyệt khác nhau. Rõ ràng, đây không phải là điều bạn muốn, nhưng nó thường là cái bạn sẽ có được, vì hậu quả nặng nề của việc không chọn hoặc chọn sai DOCTYPE.
Hiện tại có 4 loại cơ bản: : HTML 4.01, XHTML 1.0, XHTML 1.1 và HTML5. Tất cả đều yêu cầu một DOCTYPE khác nhau để báo cho trình duyệt cách kết xuất trang web.
1. Với HTML 4.01
a. Strict:
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
b. Transitional:
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
c. Frameset:
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
2. VớiXHTML 1.0:
a. Strict:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
b. Transitional:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
c. Frameset:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3. Với XHTML 1.1: XHTML 1.1 chỉ có một DTD, nhưng tài liệu lấy từ typesapplication/xhtml+xml hoặc application/xml. Nếu bạn không biết ý nghĩa thì không nên sử dụng nó bởi vì XHTML 1.1 không được sử dụng rộng rãi.
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
4. Với HTML 5: Vẫn đang phát triển, nhưng nó được hỗ trợ trong các trình duyệt hiện đại nhất. HTML5 giải quyết những vấn đề lớn của HTML nhằm mục đích khiến cho một trang web được clean hơn và hiệu quả hơn.
Code:
HTML Code:
<!DOCTYPE html>
