Умовні коментарі
У HTML можна додавати коментарі, які не відображатимуться на веб-сторінці. Для цього текст потрібно закрити між <!-- та -->. Браузер Internet Explorer має спеціальний синтаксис, що дозволяє інтерпретувати код окремо для нього. Інші браузери просто ігнорують такі коментарі.
<!--[if IE]>
Код для браузера Internet Explorer
<![endif]-->
У квадратних дужках можна використовувати наступні ключові слова:
- IE — будь-яка версія Internet Explorer;
- IE 6 — Internet Explorer 6;
- IE 7 — Internet Explorer 7;
- IE 8 — Internet Explorer 8;
- IE 9 — Internet Explorer 9;
- lt — версія браузера менше вказаної;
- gt — версія браузера більше вказаної;
- lte — версія браузера менше або дорівнює вказаній;
- gte — версія браузера більше або дорівнює вказаній.
У прикладі 1 показано стилі для всіх версій Internet Explorer до 7.0 включно.
Приклад 1. Стиль для Internet Explorer
XHTML 1.0CSS 2.1IE 6IE 7IE 8+CrOpSaFx
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Хаки</title>
<style type="text/css">
DIV {
color: orange; /* Для всіх браузерів, крім IE */
}
</style>
<!--[if lte IE 7]>
<style type="text/css">
DIV {
color: green; /* Для браузера Internet Explorer */
}
</style>
<![endif]-->
</head>
<body>
<div>Lorem ipsum dolor sit amet...</div>
</body>
</html>У CSS використовується синтаксис коментарів у вигляді /* */, тому умовні коментарі потрібно відокремлювати у власний контейнер <style>. У цьому прикладі в IE 7 текст буде зеленим, а в інших браузерах - помаранчевим.