2010-06-30 42 views

Trả lời

8

Zeldman wrote

mỗi tiêu chuẩn HTML và XHTML, một DOCTYPE (viết tắt của “loại tài liệu khai”) thông báo cho validator phiên bản nào của (X) HTML bạn đang sử dụng, và phải xuất hiện ở đầu trang mọi trang web. DOCTYPE là thành phần chính của các trang web tuân thủ: đánh dấu và CSS sẽ không xác thực mà không có chúng.

và Hãy xem 24 Cách Điều "Transitional vs. Strict Markup"

tại đến HTML 5, bạn sẽ chỉ cần khai báo

<!DOCTYPE HTML> 
1

Xem http://www.quirksmode.org/css/quirksmode.html để thảo luận đầy đủ; trong ngắn hạn, doctype là vụ phải kích hoạt quirks/chế độ nghiêm ngặt của trang rendering và hành vi.

Thật không may, mọi người bắt đầu ném vào tài liệu mà không biết họ làm gì, do đó làm giảm sự ích lợi của họ.

8

Escpecially Microsoft IE có một vấn đề lớn với một số doctypes hoặc hoàn toàn thiếu doctype. At the bottom of this page bạn có thể tìm thấy tổng quan ngắn gọn về hành vi của trình duyệt kết hợp với một số loại tài liệu nhất định. Có ba hành vi tiêu chuẩn:

  • Q - Quirksmode. Bạn thực sự không muốn có điều đó. Nó kích hoạt box model bug trong IE. CSS widthheight sau đó không chính xác bao gồm paddingborder.
  • A - Chế độ gần như tiêu chuẩn. Giá cả phải chăng, chỉ kích thước theo chiều dọc của ô bảng không theo thông số kỹ thuật CSS2. Hữu ích nếu bạn muốn tránh mysterious gaps of images in table cells.
  • S - Chế độ tiêu chuẩn. Trình duyệt cố gắng hoàn toàn tuân thủ tiêu chuẩn HTML/CSS. Chế độ ưa thích vì đó là chế độ duy nhất bạn có thể ít chắc chắn hơn rằng trang web của bạn sẽ trông giống hệt nhau trong tất cả các trình duyệt.

Đây là một đoạn mã HTML thể hiện lỗi mô hình hộp trong IE. Copy'n'paste'n'run nó. Với <!DOCTYPE html> hiện tại, bạn sẽ thấy một hình chữ nhật. Nếu không có dòng doctype, bạn sẽ thấy một hình vuông chính hãng.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Remove DOCTYPE to trigger quirksmode</title> 
     <style> 
      #box { 
       background: yellow; 
       width: 100px; 
       padding: 20px; 
       border: 20px solid black; 
       margin: 20px; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="box">box</div> 
    </body> 
</html> 

Ảnh hưởng của lỗi IE này là đáng chú ý nhất khi bạn muốn thiết kế web "pixelperfect".

0

Chắc chắn, tất cả tài liệu html cần DOCTYPE để khai báo phiên bản html và yêu cầu trình duyệt cách dịch html Để bạn tránh được nhiều lỗi trình duyệt.

0

Khi bạn đặt DOCTYPE trên một trang, điều này buộc trình duyệt phải tuân theo chế độ tuân thủ tiêu chuẩn, thực thi các quy tắc hiển thị chặt chẽ hơn.

Nếu bạn không sử dụng, IE có thể rơi trở lại chế độ quirks, điều này có thể gây ra sự cố hiển thị trang.

Xem liên kết này trên Remember to declare your doctype.

0

loại tài liệu đó là hướng dẫn cho trình duyệt về phiên bản ngôn ngữ đánh dấu được sử dụng. loại tài liệu bật Thuộc tính html.

Các vấn đề liên quan