"आईई 6 और नहीं" कोड कैसे काम करता है?

Question

इसी प्रकार के IE6 No More website पर कोड नमूने, के होते हैं:

<!--[if lt IE 7]> 
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'> 
    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> 
    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> 
    <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div> 
    <div style='width: 275px; float: left; font-family: Arial, sans-serif;'> 
     <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div> 
     <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div> 
    </div> 
    <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div> 
    <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div> 
    <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div> 
    <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div> 
    </div> 
</div> 
<![endif]--> 

कैसे काम करता है? यह आईई 6 पर क्यों दिखाता है लेकिन नए ब्राउज़र पर नहीं?

Answer 1

इस वजह से

:

<!--[if lt IE 7]> 
... 
<![endif]--> 

यह एक टैग केवल IE प्रकार ब्राउज़र द्वारा पहचाना है, कि अंग्रेजी में कहते हैं, "ब्राउज़र संस्करण IE7 से भी कम है, तो यह दिखाने के"।

Answer 2

Conditional Comments

... यह एक IE विशिष्ट सुविधा आप अपने ब्राउज़र के विभिन्न संस्करणों को लक्ष्य बनाने देता है कि है।

Answer 3

यह कोड ब्राउजर से पूछता है कि यह कौन सा संस्करण है (ब्राउजर के user agent का उपयोग कर)। यदि यह "से कम" (लेफ्टिनेंट) आईई 7 (इसलिए आईई 6, आईई 5, आईई 4, आईई 3, आईई 2, आईई 1) है, तो यह दो टैग के बीच एचटीएमएल प्रदर्शित करता है।