Self-closing tags in HTML

В HTML встречаются два типа конструкций: парные с открывающим и закрывающим тегом и самозакрывающиеся, которые обходятся без второй части. Self-closing tags in HTML позволяют упростить разметку, сделать код короче и удобнее для чтения.

Что такое самозакрывающиеся теги

Эти элементы не нуждаются в завершающем теге. Их ещё называют пустыми, потому что внутри не размещается контент. В HTML5 допустимо использовать оба варианта: <br> и <br />. Раньше слэш применяли для корректного разбора XHTML и XML. Сейчас браузеры одинаково интерпретируют обе формы, что упрощает работу с разметкой и делает код чище.

Часто используемые самозакрывающиеся элементы:

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

Эти конструкции часто встречаются на веб-страницах и помогают организовать структуру аккуратно.

Как применять

Чтобы вставить такой элемент, достаточно одной открывающей конструкции. Закрывающая не нужна. В старых версиях разметки требовался завершающий слэш, но современные интерпретаторы обрабатывают оба варианта без проблем. Это делает работу гибкой и удобной.

Примеры использования:

• <br>;
• <hr>;
• <img src=”photo.jpg” alt=”Sample”>;
• <input type=”text”>.

Такие элементы помогают поддерживать аккуратную структуру, ускоряют работу и делают документ понятным для браузеров.