2012-03-21 22 views
13

Sprawdzałem niektóre z CSS Amazon i zauważyłem, że HTML skomentował fragment CSS. Wiem, że jest formatowanie warunkowe dla przeglądarki Internet Explorer   z komentarzami HTML, ale przeglądam to w Chrome. Jaki jest tego cel?Komentarze HTML w CSS?

Och, powinienem zauważyć, że te style są faktycznie stosowane.

<!-- 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> 

Odpowiedz

27

Został stworzony przez kogoś, kto sądzi, że odwiedzający witrynę używają przeglądarki, która nie rozpoznaje tagów <style>.

(Starożytne) przeglądarki, które nie rozpoznają tagów <style>, nie będą wyświetlać "dziwnych" znaków (reguł CSS) z powodu komentarzy HTML.

Większość przeglądarek rozpoznaje znacznik <style>, więc programista zdaje się używać <!-- --> z (złego) nawyku. Należy użyć , a nie.

+0

Lepiej jest komentować zaczynając od ' */->'. Spowoduje to ukrycie kodu przed przeglądarkami, które go nie rozumieją, jednocześnie pozwalając xperml parerom na ich interpretację, bez usuwania kompatybilności z przeglądarkami, które nie rozumieją CDATA. Z tego samego powodu dobrze jest komentować javascript zaczynając od '<]]>'. –

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

ten sposób skomentować.

+0

Przepraszam, co masz na myśli przez bloki? – Sackling

+0

Chciałem tylko komentarze, to jedyny sposób na skomentowanie css. Ale miałem na myśli bloki kodu, zmieniłem je teraz. –

+0

o racja .. tak ale komentarze zostały skomentowane przez html. Odpowiedź Rob Ws ma sens, ale – Sackling