Cách sử dụng DOCTYPE

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Cách sử dụng DOCTYPE Empty Cách sử dụng DOCTYPE

Bài gửi by xuanha 12/1/2015, 18:33

joomla compress html gzip xin giới thiệu cách sử dụng DOCTYPE trong trang web của bạn:
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.

Cách sử dụng DOCTYPE Doctype1

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]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
[/HTML]
b. Transitional:
[HTML]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[/HTML]
c. Frameset:
[HTML]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
[/HTML]
2. VớiXHTML 1.0:

a. Strict:
[HTML]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[/HTML]
b. Transitional:
[HTML]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[/HTML]
c. Frameset:
[HTML]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[/HTML]
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]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
[/HTML]
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]<!DOCTYPE html>[/HTML]
Tags: joomla minify html

_________________
joomla module manager, responsive joomla templates, joomla article masonry
avatar
xuanha
Cấp 1
Cấp 1

Bài gửi : 23
Điểm : 3588
Like : 0
Tham gia : 28/12/2014

http://beautiful-templates.com/evo/avatar-tool-manage-joomla-eas

Về Đầu Trang Go down

Cách sử dụng DOCTYPE Empty Re: Cách sử dụng DOCTYPE

Bài gửi by vanthai 12/1/2015, 18:34

Để tăng thêm tích tương tác và động của trang web, trong admin, bạn có thể tạo 1 dropdown list những DOCTYPE trên để chọn doctype, nếu bạn thích dùng doctype nào thì chọn doctype đó ở ngay trong admin, không phải code lại

_________________
joomla article slider,  joomla minify html, joomla mobile template
avatar
vanthai
Cấp 1
Cấp 1

Bài gửi : 20
Điểm : 3573
Like : 0
Tham gia : 03/01/2015

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

- Similar topics

Permissions in this forum:
Bạn không có quyền trả lời bài viết