• Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership from 10$ a month today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Tìm hiểu và sử dụng đúng DOCTYPE

Admin

Well-Known Member
Staff member
Administrator
Việc không chọn, hoặc chọn nhầm DOCTYPE sẽ dẫn đến việc trình duyệt không nhận biết được Web Document của bạn có tuân theo W3C Standard hay không để hỗ trợ. Vì vậy cho dù bạn đã làm đúng, nghĩa là dù bạn viết XHTML/CSS đúng, dù bạn sử dụng W3C Standard Document Object Model (DOM) để tác động vào các Element trong Document, thì Web Site của bạn vẫn hiển thị sai.


Doctype, sử dụng sao cho đúng ?

DOCTYPE là gì?

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 render 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, như là Mozilla, IE5 trên Mac, và IE6 trên Win.

Một DOCTYPE thường gồm một đường dẫn cụ thể để khai báo với Browsers cái quy chuẩn mà Browser sẽ dựa vào đó để được render 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, gọi chung là “Quirks” mode. 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.

Sử dụng DOCTYPE như thế nào?

Vì các DOCTYPE là giúp cho Web Browser biết được các chuẩn mực nào của Web Standard, và vì W3C đã sáng tạo ra Web Standard, nên các DOCTYPE được cung cấp bởi Web Site của W3C. Khi khai báo DOCTYPE, cần phải khai báo đầy đủ đường dẫn đến file .dtd trên Web Site của W3C, không nên khai theo đường dẫn tương đối.

Ví dụ không nên khai như vầy:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

Thay vì vậy, phải khai như vầy:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

1 số DOCTYPE phổ biến

HTML 4.01 Strict, Transitional, Frameset
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict, Transitional, Frameset
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 

Facebook Comments

Similar threads
Thread starter Title Forum Replies Date
T Tìm hiểu Docker là gì và liên quan gì tới thực phẩm chế biến Tin tức CNTT 0
T Tìm hiểu sự thú vị của staking và Parkadot Tin tức CNTT 0
T Tìm hiểu về Docker và ứng dụng của nó Tin tức CNTT 0
T Tìm hiểu về mặt nạ cho da nhờn và lỗ chân lông to Thảo luận chung 0
T CodeIgniter 7- Tìm hiểu Helpers và Libraries là gì? Mã nguồn web 0
A Tìm hiểu và khắc phục màn hình iPhone 6/6s bị vàng Tin tức, giới thiệu về ĐTDĐ 1
Admin Share trang tìm hiểu và thiết kế web ấn tượng bằng flash HTML & CSS 0
Admin Tìm hiểu Rich Snippet và các lợi ích đặc trưng của nó Thảo luận SEO 0
T Tìm hiểu Uncle Block là gì ? Tin tức CNTT 0
S Bạn đã tìm hiểu qua học php chưa Máy tính 1
Admin Tìm hiểu đệ quy đổi tên trong xtgem PHP 2
VMS-Mobifone Tìm hiểu gói cước Zone + của mobifone Thông tin các mạng di động 5
VMS-Mobifone Tìm hiểu về dịch vụ webmail của mobifone Thông tin các mạng di động 5
Admin 3 phút để tìm hiểu SEM-SEO cơ bản Thảo luận SEO 0
Admin Tìm hiểu về MANIFEST.MF trong java chi tiết nhất J2ME 0
congtust24 Tìm Hiểu Về Hệ Điều Hành Linux Hệ điều hành 0
Myshare Thảo luận 1ngày tìm hiểu.domain chanes dns die mãi mãi Hỏi đáp về domain & hosting 0
Admin Tìm hiểu về DNS Records Hosting / Domain 0
VMS-Mobifone Tìm hiểu về gói Mobizone của Mobifone nhé ! Thông tin các mạng di động 8
Admin Tìm hiểu quy trình làm việc trên file trong PHP PHP 0
1 [hdvh] bài iv: Tìm hiểu về string counter Crack, hack, mod, ghép game, ứng dụng 0
Admin [Share] toàn bộ code mxh Thơ Ngây! Me cho các bạn tìm hiểu (đã tích hợp VBB 4.0.x bản quyền) Mã nguồn web 0
katy Android Truy tìm vua phá lưới World Cup 2022 cùng My Point - Hốt tới 15 triệu Điện thoại di động 0
H Hollaweb tìm kiếm đối tác, cộng tác viên kinh doanh Kiến thức lập trình 1
H Tìm nhẫn cầu hôn kim cương Trò chuyện linh tinh 0
ngoccc Tìm idea Thảo luận chung 0
haopro Nonstop Dắt Ngáo Hot Tik tok 2021 Ối Zồi Ôi Em Ở Đây Mà Anh Tìm Hoài Âm nhạc 0
Thichquangboom Khởi động cuộc hành trình mới tìm kiếm Fshare Upload Award tháng 05/2021 Tin tức CNTT 0
Thichquangboom Khởi động cuộc hành trình mới tìm kiếm Fshare Upload Award tháng 04 Thông tin khuyến mại Fshare 0
Admin Share tool get dữ liệu tài khoản Google - Tìm kênh Youtube từ tài khoản Google Tut, tool, mmo 9
Thichquangboom Event tháng 9 đặc biệt dành cho Uploader: Tìm kiếm những “gương mặt vàng” trong làng uploader Tin tức CNTT 0
dammechiase Tải phần mềm DLL SUITE BẢN 9.0 FULL Phần mềm tìm và sửa file dll chuẩn nhất Phần mềm 0
minht0431 Xin tìm nhà tài trợ vps chạy gunny VPS & Dedicated Server 0
T Hướng dẫn tìm (lookup) dữ liệu trong bảng tính (Excel/GoogleSheets) Tin tức CNTT 0
haopro Nonstop NST Nhạc DJ - Vinahouse 2019 Bỏ phê pha đi tìm tri kỷ nào ngờ tri kỷ thích phê pha - Vol2 Âm nhạc 0
Admin Hướng dẫn tìm và cài full driver tự động cho boot camp Macbook - How to download boot camp drivers without boot camp assistant Máy tính 1
dammechiase Phần mềm PC DowLoad Tải Driver Easy PRO Mới Nhất 5.6.8.35406 Full Crack – Tự Động Tìm, Cài Đặt Và Update Driver Mới Nhất Trò chơi 0
dammechiase Tải Game MonkeyEye cho bé: Tìm điểm khác nhau giữa 2 bức tranh Trò chơi 0
I Share Đi tìm laptop chơi game giá dưới 25 triệu Máy tính 0
I Share Tìm mua surface pro chất lượng Máy tính 0
I Share Lý do bạn nên tìm một nơi bán macbook chính hãng ? Máy tính 0
A Chồng của người yêu cũ tìm gặp, cay cú tâm sự: "Tôi chỉ là kẻ đổ vỏ cho anh" Thơ, báo, tạp chí 0
thambatuoc Mp3 Nhạc Tik Tok - Những Bài Hát Hoa Ngữ Dễ Thương Hay Nhất Được Nhiều Người Tìm Kiếm Âm nhạc 0
N Help Tìm Window hosting Giá rẻ Hosting & Domain Free 0
tunglamed Hô biến cơ hội hiếm có khó tìm trở nên siêu thực chỉ có ở mConnect! Thông tin các mạng di động 8
P Thủ thuật AdwCleaner - Tìm diệt phần mềm quảng cáo độc hại Thủ thuật máy tính 0
Thichquangboom Follow Folder 2.0: Tìm nhanh - Theo dõi dễ Thông tin khuyến mại Fshare 2
P Tìm người cũng phát triển diễn đàn Johncms 0
V Tìm mini game bóng đá nhẹ nhàng, dễ chơi Trò chuyện linh tinh 8
M Ai cần tìm việc nhảy vào đây Thành viên làm quen 10

Similar threads

New posts New threads New resources

Back
Top