Теги комментирования в HTML | Бизнес блог Макса Метелева

17 января, 2018 Максим Метелев 22436 просмотров Комментариев нет

Всем доброго дня друзья. В очередной серии уроков я поговорю про такой важный аспект — как сделать комментарии в коде HTML. Для чего они нужны вообще? Зачем их используют. На эти и другие вопросы я дам ответы в этой статье. Итак, приступим.

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

Комментирование в HTML необходимо, прежде всего, для удобства разработчика, а именно верстальщика. В своей практике верстки клиентских проектов я комментирую блоки. В дальнейшем мне просто легче ориентироваться и вносить изменения. Потому что когда кода становится очень много, то в нем легко запутаться, можно поставить лишний тег div или наоборот не закрыть его. Хорошо, что сейчас в новой версии WordPress по умолчанию идет подсветка кода и при нажатии на нужный блок идет подсветка его «пары». В общем, это очень удобная вещь и ее нужно использовать и делать это надо правильно.

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

Html комментарий в коде прописывается следующим образом:

<!-- Тут начало вашего комментария -->

1	<!-- Тут начало вашего комментария -->

Многие оставляют комментарий только в конце определенного блока с кодом. Я же в практике делаю так:

<!-- Начало блока с кодом -->
<p>Здесь может быть конструкция из кода, представленная блоками div с классами и идентификаторами. Не пугайтесь этих слов, о них вы скоро узнаете из курса по CSS</p>
<!-- Конец блока с кодом-->

<p>Здесь может быть конструкция из кода, представленная блоками div с классами и идентификаторами. Не пугайтесь этих слов, о них вы скоро узнаете из курса по CSS</p>

Комментарии очень хороши для отладки HTML, потому что вы можете прокомментировать строки кода, по одному для поиска ошибок:

<!-- Do not display this at the moment
<img border="0" src="pic_mountain.jpg" alt="Mountain">
-->

<!-- Do not display this at the moment

-->

Очень удобны комментарии в коде HTML для других разработчиков, если над проектом работает команда из нескольких человек. Это позволяет ориентироваться в «дебрях» специалистов и не допустить ошибок.

В примере выше мы закомментировали секцию с изображением и она соответственно не будет отображаться в браузере. Если мы хотим скрыть блок, не удаляя его, то мы его закомментируем или выражаясь очень простым языком — «замораживаем».

Это еще одно из свойств комментариев html.

Примеров не даю, поскольку это очень простой урок. Он же получится и очень коротким. До новых встреч друзья!

Рубрики: Обучение html