2012-03-21 35 views
13

Tôi đã kiểm tra một số CSS của Amazon và nhận thấy họ có HTML đã nhận xét một đoạn CSS. Tôi biết có định dạng có điều kiện cho Internet   Explorer có nhận xét HTML, nhưng tôi đang xem điều này trong Chrome. công dụng của nó là gi?Nhận xét HTML trong CSS?

Ồ, tôi nên lưu ý rằng các kiểu này thực sự đang được áp dụng.

<!-- BeginNav --> 

<style type="text/css"> 

    <!-- 

    .nav-sprite { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/BeaconSprite-US-01._V141013396_.png); 
    } 
    .nav_pop_h { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-h._V155853593_.png); 
    } 
    .nav_pop_v { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-v._V155853593_.png); 
    } 
    .nav_ie6 .nav_pop_h { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-8bit-h._V155961234_.png); 
    } 
    .nav_ie6 .nav_pop_v { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-8bit-v._V155961234_.png); 
    } 
    .nav-ajax-loading .nav-ajax-message { 
     background: center center url(http://g-ecx.images-amazon.com/images/G/01/javascripts/lib/popover/images/snake._V192571611_.gif) no-repeat; 
    } 
    --> 

</style> 

Trả lời

27

Được tạo bởi người nào đó nghĩ rằng khách truy cập trang web sử dụng trình duyệt không nhận ra <style> thẻ.

Trình duyệt (cũ), không nhận dạng được <style> thẻ, sẽ không hiển thị các ký tự "lạ" (quy tắc CSS) do nhận xét HTML.

Hầu hết các trình duyệt đều nhận ra thẻ <style>, vì vậy nhà phát triển dường như sử dụng <!-- --> trong số (xấu) thói quen. Nên sử dụng không.

+0

Tốt hơn là hãy bình luận bắt đầu bằng ' */-> '. Điều này sẽ ẩn mã từ trình duyệt không hiểu nó, trong khi vẫn cho phép xhtml parers để giải thích nó, mà không loại bỏ khả năng tương thích với các trình duyệt không hiểu CDATA. Vì lý do tương tự, bạn nên viết chú thích javascript bắt đầu bằng '<]]>'. –

-4
/* 
.css { 
    whatever code 
} 
*/ 

Đây là cách để bình luận.

+0

xin lỗi bạn có ý nghĩa gì với các khối? – Sackling

+0

Tôi chỉ có ý kiến, đó là cách duy nhất để bình luận css. Nhưng tôi đã có nghĩa là các khối mã, tôi đã thay đổi nó ngay bây giờ. –

+0

oh phải .. ya nhưng nhận xét đã được html nhận xét. Câu trả lời của Rob Ws có ý nghĩa mặc dù – Sackling