Учебник по HTML

HTML ГЛАВНАЯ Введение в HTML HTML-редакторы Базовый HTML HTML-элементы HTML-атрибуты HTML-заголовки HTML-абзацы HTML-стили HTML-форматирование HTML-цитаты HTML-комментарии Цвета HTML HTML CSS HTML-ссылки HTML-изображения HTML Фавикон HTML-таблицы HTML-списки Блок HTML и встроенный HTML-классы HTML-идентификатор HTML-фреймы HTML JavaScript Пути HTML-файлов HTML-голова HTML-макет HTML Отзывчивый HTML компьютерный код HTML-семантика Руководство по стилю HTML HTML-сущности HTML-символы HTML-смайлики HTML-кодировка HTML-кодирование URL-адреса HTML против XHTML

HTML -формы

HTML-формы Атрибуты HTML-формы HTML-элементы формы Типы ввода HTML Атрибуты ввода HTML Атрибуты формы ввода HTML

HTML- графика

HTML-холст HTML SVG

HTML- медиа

HTML-медиа HTML-видео HTML-аудио HTML-плагины HTML YouTube

HTML -API

HTML-геолокация Перетаскивание HTML Веб-хранилище HTML Веб-воркеры HTML HTML SSE

HTML- примеры

HTML-примеры HTML-викторина HTML-упражнения HTML-сертификат Резюме HTML Доступность HTML

HTML -ссылки

Список тегов HTML HTML-атрибуты Глобальные атрибуты HTML Поддержка HTML-браузера HTML-события Цвета HTML HTML-холст HTML-аудио/видео Типы документов HTML Наборы символов HTML HTML-кодирование URL-адреса Языковые HTML-коды HTTP-сообщения HTTP-методы Конвертер PX в EM Горячие клавиши

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


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


HTML-тег комментария

Вы можете добавить комментарии к исходному коду HTML, используя следующий синтаксис:

<!-- Write your comments here -->

Обратите внимание, что в начальном теге есть восклицательный знак (!)

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


Добавить комментарии

С помощью комментариев вы можете размещать уведомления и напоминания в своем HTML-коде:

Пример

<!-- This is a comment -->

<p>This is a paragraph.</p>

<!-- Remember to add more information here -->

Скрыть содержимое

Комментарии можно использовать для скрытия контента.

Что может быть полезно, если вы временно скрываете контент:

Пример

<p>This is a paragraph.</p>

<!-- <p>This is another paragraph </p> -->

<p>This is a paragraph too.</p>

Вы также можете скрыть более одной строки, все, что находится между <!--и --> , будет скрыто от дисплея.

Пример

Скрыть часть HTML-кода:

<p>This is a paragraph.</p>
<!--
<p>Look at this cool image:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>This is a paragraph too.</p>

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


Скрыть встроенный контент

Комментарии можно использовать для скрытия частей в середине HTML-кода.

Пример

Скрыть часть абзаца:

<p>This <!-- great text --> is a paragraph.</p>

HTML-упражнения

Проверьте себя с помощью упражнений

Упражнение:

Используйте HTML-тег комментария, чтобы сделать комментарий из текста «Это комментарий».

<h1>Это заголовок</h1>
это комментарий
<p>Это абзац.</p>