Классная задача для понимания HTML-комментариев. Вот подробное решение и пояснения.
Цель: понять, что произойдет, если заключить текст в тег комментария.
Что нужно сделать
- Оберни фразу «Основной текст» в HTML-комментарий так:
Почему так
- В HTML текст внутри парных тегов считается комментарием.
- Браузер не отображает содержимое комментариев на странице.
- Содержимое комментария можно увидеть, если посмотреть исходный код страницы (View Source), но оно не влияет на то, что видно в окне браузера.
Что произойдет при таком коде
- На странице ничего не увидишь именно от этой фразы, потому что она внутри комментария.
- Если на странице есть другой видимый контент (например, текст внутри элементов, абзацы, изображения), он будет отображаться нормально.
- Если на странице вообще не было другого контента, страница будет пустой.
Пример кода
Пример комментария
Этот абзац будет виден на странице.
Что именно видно в браузере и в исходном коде
- Визуально: на странице вы увидите только текст из обычных элементов (например, абзац выше). Комментарий не отображается.
- В исходном коде страницы: в HTML-редакторе/просмотре исходников вы увидите как часть кода.
Дополнительные пояснения
- Комментарии часто используют для заметок разработчика, временного скрытия кода или инструкций.
- Комментарии не могут содержать некорректные последовательности, нарушающие синтаксис; в HTML чаще всего избегают последовательностей вроде -- внутри комментария.
- Комментарии не выполняются как код и не влияют на работу страницы.
Задача-мини-упражнение (для закрепления)
- Вставь в HTML две строки:
1)
2)
Здесь видим текст.
- Открой страницу в браузере и в исходном коде посмотришь разницу: комментарий виден только в коде, а текст
Здесь видим текст.
будет отображаться нормально.
Если хочешь, могу привести ещё несколько вариантов (например, как работает многострочный комментарий или как комментарии выглядят в исходном коде после просмотра через DevTools).
