Estructuración de las etiquetas semánticas en HTML
La estructura básica de un documento HTML consta de dos secciones principales:
<head>: Esta sección contiene información sobre el documento, como el título, metadatos, hojas de estilo, etc. No se muestra directamente en el navegador.<body>: Esta sección contiene el contenido visible de la página web.
Dentro de la sección <body>, es donde se utilizan las etiquetas semánticas para estructurar el contenido de manera significativa:
| Elemento | Descripción |
|---|---|
<header> | Define el encabezado de la página o de una sección. Puede contener el logo, menú de navegación, etc. |
<nav> | Define un conjunto de enlaces de navegación, como un menú principal. |
<main> | Define el contenido principal de la página. |
<article> | Define un artículo o sección de contenido independiente. |
<section> | Define una sección de contenido relacionado. |
<aside> | Define contenido complementario, como una barra lateral. |
<footer> | Define el pie de página de la página o sección. |
- Otras etiquetas semánticas como
<figure>,<time>y<address>se utilizan para marcar elementos específicos dentro del contenido. - Esta estructuración semántica ayuda a los motores de búsqueda y a los usuarios con discapacidades a entender mejor el significado y la organización del contenido de la página web.
