35% Скидка на Резидентские прокси на 9 месяцев — используйте код WING35 при оформлении заказа

Получить предложение

Proxywing.com

arrow icon

Void elements in HTML

Void elements in HTML

Верстка сайтов включает особые конструкции, которые не требуют закрывающего тега. Void elements in HTML применяются для вставки отдельных фрагментов без лишнего кода. Такой приём упрощает структуру и ускоряет загрузку страницы.

Что представляют собой пустые теги

Void elements не содержат дочерних узлов или текста. Внутри не размещается информация. На практике используют, например: <img>, <br>, <hr>, <input>. Эти элементы позволяют добавить картинки, разрывы строк, поля формы и прочие части интерфейса. Атрибуты помогают настраивать их поведение. Соблюдение синтаксиса предотвращает ошибки.

Отличие от самозакрывающихся конструкций

Самозакрывающиеся теги не всегда пустые. Void elements по определению не имеют содержимого, а самозакрывающиеся заканчиваются символом />. Пример: <img src=”photo.jpg”/>. Пустые обходятся без него и используются для вставки фрагментов, не обрамляющих другие блоки.

Примеры:

  • <br> – перенос строки;
  • <hr> – горизонтальная линия;
  • <img> – изображение;
  • <input> – форма;
  • <meta> – метаданные;
  • <link> – подключение внешних файлов.

Использование пустых элементов делает код компактным, снижает нагрузку и повышает стабильность отображения сайта. Правильное оформление улучшает совместимость с разными браузерами.