Tags Emparelhadas e Únicas

No HTML, existem tanto tags emparelhadas quanto tags únicas (também conhecidas como tags autofecháveis ou elementos vazios). Cada tipo serve a um propósito específico e possui sua própria função.

Tags emparelhadas

As tags emparelhadas consistem em tags de abertura e fechamento. Elas podem envolver o conteúdo e agrupar itens para alterar algumas propriedades ou coletar elementos por significado.

Sintaxe:

Aqui está um exemplo real de uso de tags emparelhadas:

Tags únicas

Tags únicas consistem apenas em uma tag de abertura e não possuem tag de fechamento. São utilizadas quando a tag não necessita de conteúdo ou quando todo o conteúdo e comportamento são especificados por meio de atributos.

Sintaxe:

Aqui está um exemplo real do uso de tags únicas:

Aninhamento de tags

Ao aninhar tags, é essencial seguir a ordem da hierarquia, similar ao aninhamento de bonecas russas. Cada tag aninhada deve ser adequadamente fechada dentro de sua tag pai, seguindo ainda as regras de sintaxe HTML.

Aqui está um exemplo de tags aninhadas:

Vamos considerar o próximo exemplo válido (correto):

• <p> - define um parágrafo (elemento pai);
  
• <a> - define um hiperlink (elemento filho);
  
• <em> - marca o texto que possui ênfase acentuada (elemento filho).

Nota

Para resumir, o HTML é composto por tags emparelhadas e únicas, cada uma com diferentes finalidades. Tags emparelhadas possuem uma tag de abertura e uma de fechamento para delimitar o conteúdo, enquanto tags únicas fecham automaticamente. Aninhar tags corretamente e seguir a hierarquia correta são essenciais para uma estrutura HTML bem formada.