HTML комментарии являются важным инструментом для разработчиков, позволяющим оставлять заметки и напоминания в коде страницы, не влияя на её отображение в браузере. Это особенно полезно при совместной работе над проектами, а также для упрощения понимания кода при его последующих редактированиях.
Как использовать тег комментария в HTML?
Чтобы добавить комментарий в HTML, используйте следующий синтаксис:
<!-- Ваш комментарий здесь -->Всё, что находится между <!-- и -->, игнорируется браузером и не отображается на веб-странице.
Примеры использования комментариев
Пример 1: Основной комментарий
<!-- Это комментарий, который не будет отображаться на веб-странице -->
<p>Этот текст будет отображаться на странице.</p>Пример 2: Комментирование части кода
Иногда необходимо временно скрыть часть кода без его удаления. Комментарии позволяют это сделать легко и просто:
<p>Этот текст будет отображаться на странице.</p>
<!-- <p>Этот текст временно скрыт.</p> -->Пример 3: Комментарии для объяснения кода
Комментарии могут быть использованы для объяснения, что делает определённый участок кода, что может быть особенно полезно при совместной работе над проектом:
<!-- Начало блока навигации -->
<nav>
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</nav>
<!-- Конец блока навигации -->Пример 4: Скрытие скриптов от браузеров без поддержки JavaScript
Вы можете использовать тег комментария, чтобы «скрыть» скрипты от браузеров без поддержки скриптов JavaScript (чтобы они не отображали их в виде обычного текста):
<script type="text/javascript">
<!--
function displayMessage() {
alert("Привет Мир!")
}
//-->
</script>