Для большинства элементов HTML вы начинаете с открывающего тега и заканчиваете закрывающим тегом. Между этими двумя тегами отображается содержимое элемента. Например:
<p> Это текст c
Элемент простого абзаца показывает, как используются открывающий и закрывающий теги. Большинство HTML-элементов следуют этому же шаблону, но некоторые HTML-теги не включают открывающий и закрывающий теги.
Что такое элемент пустоты?
Элементы void или одноэлементные теги в HTML не требуют, чтобы закрывающий тег был действительным. Эти элементы обычно либо стоят отдельно на странице, либо конец их содержимого очевиден из контекста самой страницы.
Список пустых элементов HTML
Некоторые теги HTML 5 являются пустыми элементами. Когда вы пишете правильный HTML, вы должны опускать косую черту для этих тегов, как показано ниже. Однако для действительного XHTML требуется завершающая косая черта.
- <area>: Используется для области внутри карты изображения.
- <база>: Базовый URL-адрес для всех относительных URL-адресов в документе. Их может быть не более одного в документе, и он должен быть в заголовке страницы.
- <br>: Разрыв строки, часто используемый в текстовом содержимом для создания одиночного разрыва строки вместо абзаца. Ее не следует использовать для создания визуального разделения на странице путем объединения множества тегов <br>, потому что эта функция является визуальной необходимостью и, следовательно, является областью CSS вместо HTML.
- <col>: Задает свойства столбца для каждого столбца в элементе <colgroup>.
- <Команда>: Задает команду, которую может вызвать посетитель.
- <EMBED>: Используется с внешними приложениями и интерактивным контентом для интеграции.
- <Ч>: Горизонтальная линейка, представляющая собой прямую линию на странице. Во многих случаях границы CSS создают разделительные линии вместо этого элемента HTML.
- <img>: Один из основных элементов HTML, это тег изображения. Он используется для добавления графических изображений на веб-страницу.
- <input>: Элемент формы, который используется для сбора информации от посетителей. Существует ряд допустимых типов ввода, от обычного «текстового» ввода, который использовался в формах в течение многих лет, до некоторых новых типов ввода, которые являются частью HTML5.
- <keygen>: Этот тег создает поле генератора пары ключей, которое используется для форм.
- <Ссылка>: Не путать с тегом «гиперссылка» или якорь (<a>), эта ссылка предназначена для установки связи между документом и внешним ресурсом. Используйте его, например, для ссылки на внешний файл CSS.
- <META>: Мета-теги — это «информация о содержании». Они находятся в заголовке документа и используются для передачи информации о странице браузеру. Есть много разных метатегов, которые вы можете использовать на веб-странице.
- <PARAM>: Используется для определения параметров плагинов.
- <Источник>: Этот тег позволяет указать альтернативные пути к файлам мультимедиа на вашей странице, включая видео, изображения или аудиофайлы.
- <трек>: Этот тег устанавливает дорожку, которая будет использоваться с медиафайлом, видео или аудио, которые часто добавляются с помощью тегов <video> или <audio>.
- <wbr>: Это означает возможность разрыва слова. Он указывает, где в блоке текста можно добавить разрыв строки.