HTML комментарии

Урок №13

Информация в комментариях не имеет специального значения и не воспринимается как НТМL-код. Комментарии используются чаще для пояснений, например коrдa над кодом работают несколько человек или когдa необходимо временно исключить некий фрагмент кода из обработки, не удаляя ero совсем, то можно заключить такой фрагмент в комментарий, после чего он будет проигнорирован браузером.

Комментарий – это конструкция в коде, которая будет видна, если просматривать исходный html-код, но будет не видна при просмотре страницы в браузере.

HTML комментарии призваны улучшить читабельность кода. В комментариях обычно указывается объяснение участка кода, что упрощает процесс редактирования HTML страницы в дальнейшем.

Комментарии в html задаются с помощью конструкции . Визуально на странице они никак не отображаются.

Комментарии в HTML имеют следующий синтаксис:

Рассмотрим пример:

<!-- Это комментарий-->.

Восклицательный знак после утловой скобки означает, что это уже не НТМL-код. Текст, заключенный между тегами  , не отображается веб-браузером. Заметьте, что это нестандартная пара тегов, так как открывающий тег не имеет закрывающей угловой скобки, а в закрывающем теге отсутствует открывающая угловая скобка.

Когда вы будете писать html-код, может понадобиться:

1) Сделать пометки в коде, по которым можно позже вспомнить, зачем нужен тот или иной фрагмент кода.

2) Вам может также понадобиться оставить информацию в коде о том, кто является создателем этой страницы, когда она создана и.т.д.

Рассмотрим HTML-документ со следующим содержимым:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<!--Пример комментария HTML. Этот текст будет невидим в браузере.-->
<p>Пример текста в абзаце</p>
</body>
</html>

Если вы будете просматривать такой HTML-файл в браузере, то все, что вы увидите, будет текст, который находится внутри абзаца.

Как это будет выглядеть на странице:

Пример текста в абзаце

Комментарии в html позволяют значительно улучшить читаемость кода в дальнейшем. Да и просто удобнее понимать какой тег где закрывается, особенно, если много вложенных друг в друга тегов.

Текст комментария на странице никак не отображается, но при просмотре исходного кода документа, комментарии видны и с ними можно работать.

На этом уроке мы познакомились с комментариями в HTML. Следующий урок, блочные и встроенные элементы.

Читайте также:

Создано: 25.04.2020.|Обновлено: 15.12.2022.