Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке парні та непарні (void) теги?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)У HTML усі теги діляться на **парні** й **непарні (void)** - за тим, чи містять вони внутрішній контент і чи потребують закриваючого тега. **Ключове:** парні теги - це "коробки з вмістом", а непарні - "самодостатні команди", які вставляють щось готове на сторінку.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняУ HTML усі теги діляться на **парні** й **непарні (void)**: за тим, чи містять вони внутрішній контент і чи потребують закриваючого тега. --- ### 1. **Парні теги** Це теги, у яких є **відкриваюча** і **закриваюча** частина. Між ними знаходиться **вміст**: текст або інші елементи. Приклад: ```html <p>Це абзац тексту.</p> ``` - `<p>` - відкриваючий тег, - `</p>` - закриваючий тег (зі слешем `/`), - `Це абзац тексту.` - вміст. **Парні теги**: `<div>`, `<span>`, `<a>`, `<p>`, `<h1>`-`<h6>`, `<ul>`, `<li>`, `<table>`, `<section>`, `<article>`, `<header>`, `<footer>` та більшість інших. Вони створюють **структуру** і **вкладеність** сторінки. --- ### 2. **Непарні (void) теги** Це теги, які **не містять контенту** і **не потребують закриття**. Вони виконують дію самі по собі: вставляють зображення, розрив рядка, лінію тощо. Приклад: ```html <img src="photo.jpg" alt="Фото"> <br> <hr> ``` **Непарні (void) теги**: `<img>`, `<br>`, `<hr>`, `<input>`, `<meta>`, `<link>`, `<source>`, `<area>`, `<col>`, `<embed>`. Такі теги вважаються **завершеними типово**: усередині них нічого немає і бути не може. --- ### 3. **Як браузер їх обробляє** - Для **парних тегів** браузер створює *контейнер із вмістом*. - Для **непарних тегів** просто виконує дію (вставляє зображення, робить перенесення рядка тощо). Якщо закрити void-тег вручну (`</img>` або `</br>`), це вважається **помилкою в HTML5**. --- ### Підсумок: | Тип тега | Особливості | Приклад | |---|---|---| | **Парний** | Має відкриваючий і закриваючий тег, містить контент | `<p>Текст</p>` | | **Непарний (void)** | Не має вмісту, не потребує закриття | `<img src="photo.jpg">` | --- **Простими словами:** Парні теги - це "коробки з вмістом", а непарні - "самодостатні команди", які вставляють щось готове на сторінку.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.