Как правильно и для чего использовать комментарии в HTML-разметке документа?

как правильно и для чего использовать комментарии в html-разметке документа?

Комментарии как пояснения

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

Можно облегчить себе задачу, добавляя подсказки прямо в содержимое документа. В отличие от различных языков программирования и смежных технологий, HTML поддерживает всего один тип комментария. Он начинается с набора символов «<!--», а заканчивается последовательностью «-->». Между открывающей и закрывающей частью должно располагаться его тело. Это может быть короткая фраза или содержательный текст. Если вы забудете указать закрывающую конструкцию, браузер воспримет всю последующую разметку за комментарий, прямо до конца файла.

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

<!-- Блок основного содержимого страницы -->
<div>
    ...содержимое
</div>

<!-- Блок рекламных материалов страницы -->
<div>
    <!-- реклама обуви -->
    <div>
        ...содержимое
    </div>

    <!-- реклама часов -->
    <div>
        ...содержимое
    </div>
</div>

Комментарии как блокировки

Иногда возникает потребность исключить из разметки какой-либо участок. Однако он может стать нужным через некоторое время. Вы можете оставить такое содержимое в структуре документа, но скрыть с помощью HTML-комментария. Разметка, находящаяся между его открывающим и закрывающим тегом, не будет обработана браузером.

<!--
<div>
    <h1>
        Этот блок, не будет обработан и выведен на
        экран, но останется в структуре документа,
        в виде комментария.
    </h1>
</div>
-->

Последние публикации