Задача: закомментировать текст «Основной текст» и посмотреть, что произойдёт на веб-странице.
Что происходит с HTML-комментариями
- Комментарии в HTML пишутся так: .
- Всё, что находится внутри этих тегов, браузер не видит как обычный контент — оно не отображается на странице.
- Но комментарий остается в исходном коде страницы и его можно увидеть через просмотр кода страницы (View Source) или через инструменты разработчика (Inspect/Elements).
Пошаговое решение и пояснения
- Пример без комментария (для сравнения)
- Ваша страница содержит текст прямо в теле документа, например: Основной текст Это будет отображаться на странице.
- Заключаем «Основной текст» в тег комментария
- Изменяем на:
- Что видно на странице: Ничего не видно там, где стоит комментарий. Текст не отображается.
- Как проверить, что комментарий действительно есть
- Откройте страницу в браузере.
- Правой кнопкой мыши выберите «View Page Source» (Просмотреть исходники) или нажмите Ctrl+U (Cmd+U на macOS). Найдите фрагмент — вы увидите, что он присутствует в исходном коде.
- Либо откройте инструменты разработчика (F12) и в Elements/HTML-структуре найдёте этот комментарий.
- Что важно помнить
- Комментарии не участвуют в верстке: они не занимают место в визуальном Layout и не влияют на отображение элементов.
- Комментарии видны только в исходном коде или в DOM-объеке как узлы комментариев.
- Стоит избегать внутри комментариев последовательности --, потому что часть стандарта HTML запрещает двойные дефисы внутри комментариев. Это касается редких сложных случаев; для обычного текста это не проблема.
Практический пример для наглядности (полный фрагмент)
Пример 1: текст в теле страницы
Тест Основной текстПример 2: текст заключён в комментарий
Тест Результат: во втором примере на странице не будет видно «Основной текст».
Если хочешь, могу добавить ещё краткую демонстрацию через JavaScript: как из комментариев lahko прочитать их содержимое через DOM-запросы, но для базового понимания достаточно принципа: комментарии скрыты от отображения, но доступны в исходниках.
Итог
- Текст "Основной текст" внутри комментария не будет отображаться на странице.
- Чтобы увидеть комментарий, можно посмотреть исходники страницы или открыть инструменты разработчика.
- Комментарии полезны для пояснений к коду и не видны пользователю напрямую.