Парні та Одиночні теги

У HTML існують як парні теги, так і одиночні теги (також відомі як теги, що самозакриваються). Кожен тип служить певній меті і має свою функцію.

Парні теги

Парні теги складаються з відкриваючого і закриваючого тегів. Вони можуть обгортати вміст і групувати елементи для зміни деяких властивостей або збирати елементи за змістом.

Синтаксис:

Ось реальний приклад використання парних тегів:

Одиночні теги

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

Синтаксис:

Ось реальний приклад використання одиночних тегів:

Вкладеність тегів

При вкладенні тегів дуже важливо дотримуватися порядку ієрархії, подібно до матрьошки. Кожен вкладений тег повинен бути належним чином вкладений у батьківський тег, дотримуючись правил синтаксису HTML.

Ось приклад вкладених тегів:

Розглянемо наступний валідний (правильний) приклад:

• <p> - описує абзац (батьківський елемент);
  
• <a> - визначає гіперпосилання (дочірній елемент);
  
• <em> - позначає текст, що має наголос (дочірній елемент).

Примітка

Підсумовуючи, можна сказати, що HTML складається з парних і одиночних тегів, кожен з яких служить для різних цілей. Парні теги мають відкриваючий і закриваючий тег, щоб вкласти вміст, тоді як одиночні теги є самозакриваючими. Правильна вкладеність тегів і дотримання правильної ієрархії є важливими для добре сформованої структури HTML.