Skip to main content

Що таке парні та непарні (void) теги?

HTMLJunior~1 хв читання
Запропонувати правку

У 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">

Простими словами: Парні теги - це "коробки з вмістом", а непарні - "самодостатні команди", які вставляють щось готове на сторінку.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку