News Cách sử dụng DOCTYPE

Thảo luận trong 'Tin công nghệ' bắt đầu bởi jooex, 12/1/15.

  1. jooex PageRank 0 Member

    Tham gia ngày:
    16/12/14
    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.

    [​IMG]


    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">
    
    b. Transitional:
    HTML:
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
    c. Frameset:
    HTML:
    
    <!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:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    b. Transitional:
    HTML:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    c. Frameset:
    HTML:
    
    <!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:
    
    <!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:
    <!DOCTYPE html>
    Tags: joomla minify html
     
    #1
  2. vanthai PageRank 0 Member

    Tham gia ngày:
    1/1/15
    Để 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
     
    #2

Chia sẻ trang này