HTML тег <!-- ... -->

Тег <!-- ... --> используется для добавления комментария в HTML код. Браузеры игнорируют содержимое тега и не показывают его пользователям.

HTML комментарии используются для написания пояснений, напоминаний или описаний к отрезкам кода. Они облегчают работу с кодом, позволяют быстро найти необходимые части, а также разобраться в намерениях программиста, который писал код (особенно важно, когда над созданием веб-сайта работают несколько человек).

Комментарии также можно использовать для временного исключения какого-либо блока (как правило, удаление кода нецелесообразно по той причине, что возможно его придется восстанавливать).

Комментарии могут быть использованы любом месте страницы, кроме тега <title>.

Синтакс тега <!-- ... -->

Комментарии пишутся между символами <! и -->.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Пример использования тега комментария</title>
  </head>
  <body>
    Содержимое страницы.
    <!-- Комментарий, который не отображается на странице. --> 
  </body>
</html>

Результат

Условные комментарии

Условные комментария - это специальная технология определения версии браузера, которая поддерживается только браузером IE. Остальные браузеры воспринимают их как обычный комментарий.

Синтаксис условного комментария выглядит так: <!--[if условие]> <![endif]-->. Написанный в теге код выполняется только в случае, если условие истинно (true).

Пример

<!--[if lte IE 6]> Инструкции для всех IE меньше или равно 6<![endif]-->

Условные комментария не используются в версиях IE10 и IE11.

Значение операторов

Оператор Значение Пример Комментарий
lt Меньше чем; условие истинно, если версия младше указанной. [if lt IE 8] Все версии младше IE8.
lte Меньше или равно [if lte IE 7] Все версии младше IE8.
gt Больше чем [if gt IE 7] Все версии старше IE7.
gte Больше или равно [if gte IE 7] IE7, IE8, IE9
& Логическое И. Объединяет несколько условий. Возвращает true (истинно), если все условия выполняются. [if (gte IE 6) & (lt IE 8)] IE6, IE7.
! Логическое Не. Условие истинно, если следующее за ! условие не выполняется [if !(IE 7)] Все версии, кроме IE7.
| Логическое ИЛИ. Возвращает true (истинно) при выполнении хотя бы одного условия. [if (IE 6) | (IE 7)] IE6 или IE7.
() Группирует дополнительные условия. Используется для создания сложных запросов с логическими операторами. [if !(IE 6) & (lt IE 9)] Все версии, кроме IE6 и IE9.

Тег не поддерживает глобальные атрибуты.

Browser support




Related articles