2012-03-21 24 views
13

Amazon'un CSS'sini inceliyordum ve HTML'nin CSS'nin bir parçasını yorumladıklarını fark ettim. HTML yorumlarıyla birlikte Internet   Explorer için koşullu biçimlendirme olduğunu biliyorum, ancak bunu Chrome'da görüntülüyorum. Bunun amacı nedir?CSS'de HTML yorumları var mı?

Bu stillerin aslında uygulandığını not etmeliyim.

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

cevap

27

Sitenin ziyaretçilerinin, <style> etiketlerini tanımıyor bir tarayıcı kullandığını düşünen biri tarafından oluşturulur. <style> etiketlerini tanımayan

(Eski) tarayıcılar, HTML yorumları nedeniyle "garip" karakterleri (CSS kuralları) göstermez.

Çoğu tarayıcı <style> etiketini tanır; bu nedenle geliştirici <!-- --> (kötü) alışkanlıktan çıktı gibi görünüyor. kullanılmamalıdır.

+0

*/-> 'ile biten yorum yapmak daha iyidir. Bu, CDATA'yı anlamayan tarayıcılarla uyumluluğu kaldırmadan, xhtml destekleyicilerinin bunu yorumlamasına izin verirken, bunu anlamayan tarayıcılardan gelen kodu gizler. Aynı sebepten dolayı, <]]>' ile biten javascript yorumlamak iyidir. –

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

Bu yorum için nasıl.

+0

Üzgünüm bloklarla ne demek istiyorsun? – Sackling

+0

Sadece açıklamaları kastediyorum, css'yi yorumlamanın tek yolu bu. Ama kod bloklarını kastetmiştim, şimdi değiştirdim. –

+0

oh evet .. ama yorumlar html yorumlandı. Rob Ws cevabı mantıklıdır. – Sackling

İlgili konular