Hoe werken conditional comments
Geschreven door Leander Snijders dinsdag, 27 april 2010 22:41
Lees hier alles over het gebruik van conditional comments voor Microsoft Internet Explorer. Gebruik de voorbeeldcode en leer hoe je deze code toepast met het gebruik van het uitroepteken, gt, gte, lt en lte!
Wat doen conditional comments
Het leuke is dat conditional comments niets doen...ten minste in andere browsers dan Internet Explorer. De enige reden voor het bestaan van conditional comments die wij kunnen bedenken is dat de medewerkers bij Microsoft deze zelf verzonnen hebben om met de tekortkomingen in hun eigen product/werk om te kunnen gaan ;-).
Conditional comments bestaan uit een stuk code tussen (in de meeste gevallen) HTML comment-tags, dat door Internet Explorer wordt gelezen. Dit stukje code vertelt de browser te kijken naar zijn eigen versienummer, en afhankelijk hiervan een speciaal voor Internet Explorer (of Javascript, enzovoort) gemaakte stylesheet in te laden. In deze stylesheet kunnen alternatieve stijlen worden aangemaakt om weergavefouten te compenseren voor de diverse versies van Internet Explorer. Deze techniek is erg handig maar kan in enkele gevallen zorgen voor invalid HTML, zorg dus dat je je site altijd nog even checkt bij http://validator.w3c.org.
Voorbeelden conditional comments
Code voor alle versies van IE:
Code voor alles behalve IE: (why?!)
Code voor alleen IE7:
Code voor alleen IE6:
Code voor IE6 en lager:
of
Code voor IE7 en lager:
of
Code voor IE8 en lager:
of
Waar plaats ik deze code
Deze code plaats je in de <head> sectie van je HTML document. Dit doe je onder eventuele andere stylesheets die door alle browsers moeten worden gebruikt.
Het openen van van de conditional comment begint als een normaal commentaar, namelijk <!-- gevolgt door blokhaken [] met daartussen de conditie, bijvoorbeeld [if IE 8] met daarna een tag om de comment 'af te sluiten', de >.
De conditional comment wordt gesloten door een endif statement in de commentaar vorm: <![endif]-->.
Ook handig om te weten
- De syntax "!" staat voor "niet", dus "!IE" betekent alles behalve IE.
- "gt" betekent "groter dan / greater then".
- "gte" betekent "groter dan of gelijk aan / greater then or equal".
- "lt" betekent "kleiner dan / lower then".
- "lte" betekent "kleiner dan of gelijk aan / lower then or equal".
