<!-- -->

Описание

Элемент <!-- --> позволяет добавлять комментарии в HTML-коде страницы. Текст комментария не отображается на веб-странице и предназначен для пояснения, отладки и других технических целей.

С помощью комментария можно временно убирать элементы страницы, т.к. разрешается помещать внутрь комментария другие элементы, за исключением других комментариев.

Синтаксис

<!-- текст комментария -->

Пример

<!DOCTYPE html>
<html lang="ru">
 <head>
   <title>Комментарии</title><!-- Заголовок страницы -->
   <meta charset="utf-8">
 </head>
 <body> 
   <!-- Обертка -->
   <div class="wrap">
       <nav class="navigation_panel"></nav>
       <main>
       </main>
     </div>
 </body> 
</html>

Примечание

Комментарии нельзя размещать внутри элементов, т.к. комментарий является элементом, а не атрибутом:

<p <!-- так делать нельзя --> class="port">Абзац</p>

Комментарии запрещено вкладывать внутрь других комментариев:

<!--   Первый <!-- Второй комментарий --> комментарий   -->

Страница будет несовместима со стандартом XML1.0, если в комментарии будут два последовательных дефиса (--).

Браузер IE поддерживает специальную технологию определения версии под названием «условные комментарии»:

<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>Условные комментарии</title>
  <style type="text/css">
   div { 
    color: green; /* Для всех браузеров, кроме IE8 */  
   }
  </style>
  <!--[if IE 8]>
  <style type="text/css">
   P {
    color: red; /* Для браузера IE8 */    
   }
  </style>
  <![endif]-->
 </head>
 <body>
  <div>Lorem ipsum dolor sit amet...</div>
</body>
</html>

Совместимость браузеров

Настольные браузеры

Базовая поддержка 112121.31

Мобильные браузеры

Базовая поддержка 11да161да

См. также: