Для большинства элементов HTML, когда вы пишете HTML-код, чтобы отображать их на странице, вы начинаете с открывающего тега и заканчиваете закрывающим тегом. Между этими двумя тегами будет содержание элемента. Например:
Это текстовое содержимое
Этот простой элемент абзаца показывает, как будет использоваться открывающий и закрывающий теги. Большинство элементов HTML следуют этому же шаблону, но есть несколько HTML-тегов, которые не имеют как открывающего, так и закрывающего тега.
Что такое элемент Пустоты?
Элементы void или теги singleton в HTML - это те теги, которые не требуют закрытия закрывающего тега. Этими элементами обычно являются те, которые либо стоят на одной странице, либо где конец их содержимого очевиден из контекста самой страницы.
Список элементов HTML Void
Существует несколько тегов HTML 5, которые являются недействительными элементами. Когда вы пишете допустимый HTML, вы должны оставить трейлинг-черту для этих тегов - вот что показано ниже. Если вы пишете XHTML, потребуется косая черта.
- используется для области внутри карты изображения
- базовый URL для всех относительных URL-адресов в документе. Их может быть не более одного из них на одном документе, и оно должно быть в страницы
- это разрыв строки, часто используемый в текстовом контенте для создания единственного разрыва строки вместо абзаца. Это не должно использоваться для создания визуального разделения на странице путем объединения многих теги, поскольку это визуальная потребность и, следовательно, область CSS
- задает свойства столбца для каждого столбца в пределах
элемент
- указывает команду, которую пользователь может вызывать
- горизонтальное правило, которое является прямой линией на странице. Во многих случаях границы CSS используются для создания разделительных строк вместо этого HTML-элемента
- один из элементов рабочей лошади HTML, это тег изображения. Он используется для добавления графических изображений на веб-страницу.
- элемент формы, который используется для сбора информации от посетителей. Существует ряд допустимых типов ввода: от общего «текстового» ввода, который использовался в формах в течение многих лет, для некоторых новых типов ввода, которые являются частью HTML5
- это используется, чтобы диктовать поле генератора пары ключей, которое используется для форм
- не следует путать с тегом «hyperlink» или anchor (), эта ссылка предназначена для установки линии между документом и внешним ресурсом. Вы бы использовали его для ссылки на внешний файл CSS, например
- метатеги - это «информация о контенте». Они находятся в документа и используется для передачи информации о странице в браузер. Существует много возможных метатегов, которые вы можете использовать на веб-странице
- используется для определения параметров для плагинов
- этот тег позволяет указать альтернативные пути к файлам на вашей странице, включая видео или изображения или аудиофайлы
- это означает Word Break Opportunity. Он указывает, где в тексте было бы приемлемо добавить разрыв строки.
Еще раз, эти теги singleton являются исключением из правила в отличие от правила, так как большинство элементов HTML действительно требуют открытия и закрытия тега. Из этих одноэлементных элементов некоторые из них, скорее всего, будут использоваться довольно часто (например, img, meta или input), в то время как другие - это те, которые вам никогда не понадобится использовать в вашей работе в веб-дизайне (keygen, wbr и command - это три элемента, которые, безусловно, не распространены на веб-страницах). Тем не менее, распространенные или редкие в HTML-страницах, полезно быть знакомым с этими тегами и знать, какова идея HTML-тегов singleton. Вы можете использовать этот список в качестве справочной информации для своей веб-разработки.
Оригинальная статья Дженнифер Крынин. Под редакцией Джереми Жирара 5/5/17.
