Элемент <!-- -->
позволяет добавлять комментарии в 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>
Базовая поддержка | 1 | 12 | 1 | 2 | 1.3 | 1 |
---|
Базовая поддержка | 1 | 1 | да | 1 | 6 | 1 | да |
---|