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”>.

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