Tags Emparejadas y Simples

En HTML, existen tanto tags emparejadas como tags simples (también conocidas como tags de cierre automático o elementos vacíos). Cada tipo sirve para un propósito específico y tiene su propia función.

Tags emparejadas

Las tags emparejadas consisten en tags de apertura y cierre. Pueden envolver el contenido y agrupar elementos para cambiar algunas propiedades o reunir elementos por significado.

Sintaxis:

He aquí un ejemplo real de uso de tags emparejadas:

Tags simples

Las tags simples constan únicamente de una tag de apertura y ninguna de cierre. Se utilizan cuando la tag no requiere contenido o cuando todo el contenido y el comportamiento se especifican mediante atributos.

Sintaxis:

He aquí un ejemplo real de uso de tags simples:

Anidamiento de tags

Al anidar tags, es esencial seguir el orden jerárquico, de forma similar a cuando se anidan muñecas. Cada tag anidada debe encerrarse adecuadamente dentro de su tag padre sin dejar de seguir las reglas de la sintaxis HTML.

He aquí un ejemplo de tags anidadas:

Veamos el siguiente ejemplo válido (correcto):

• <p> - define un párrafo (elemento padre);
  
• <a> - define un hipervínculo (elemento hijo);
  
• <em> - marca un texto con énfasis (elemento hijo).

Nota

En resumen, HTML se compone de tags emparejadas y simples, cada una de las cuales tiene un propósito diferente. Las tags emparejadas tienen una tag de apertura y otra de cierre para encerrar el contenido, mientras que las tags simples se cierran solas. Anidar las tags correctamente y seguir la jerarquía adecuada es esencial para una estructura HTML bien formada.