NAV
<nav
ul
li a class="menu" href="productos.html">Productos li a>
li a class="menu" href="blog.html">Blog li a>
li a class="menu" href="contacto.html">Contacto li a>
li a class="menu" href="sobre-mi.html">Sobre mi li a>
li a class="menu" href="etiquetas.html">Etiquetas li a>
li a class="menu" href="galeria.html">Galeria li a>
ul
nav>
El elemento HTML nav representa una sección de una página cuyo propósito es proporcionar enlaces de navegación, ya sea dentro del documento actual o a otros documentos. Ejemplos comunes de secciones de navegación son menús, tablas de contenido e índices.
ARTICLE
<section class="contenedor">
article class="contenedor-a">
h2>ADIDAS/h2>
p>Tenis Pro Model ADV x Always/p>
figure>img class="img2" src="foto2.avif" alt="">/figure>
p>$499.950/p>
/article>
article class="contenedor-b">
h2>Nike Run Defy/h2>
p>Calzado de correr en pavimento para hombre/p>
figure>img class="img2" src="foto3.jpeg" alt="">/figure>
p>$349.950/p>
/article >
article class="contenedor-a">
h2>NEW BALANCE/h2>
p>Unisex 530/p>
img class="img2" src="foto4.webp" alt="">
p>$604.900
/article>
/section>>
El Elemento de HTML representa una composición auto-contenida en un documento, una página, una aplicación o en un sitio, que se quiere que sea distribuíble y/o reutilizable de manera independiente, por ejemplo, en la redifusión. Algunos ejemplos podrían ser un mensaje en un foro, un artículo de una revista o un periódico, una entrada de blog, el comentario de un usuario, un widget o gadget interactivo, o cualquier otro elemento de contenido independiente.
SECTION
<section>
h3>Otras secciones/h3>
p>Texto descriptivo.../p>
/section>>
El elemento de HTML section representa una sección genérica independiente de un documento, que no tiene un elemento semántico más específico para representarla. Las secciones siempre deben tener un título, con muy pocas excepciones.
Como se mencionó anteriormente, section es un elemento de sección genérico, y solo se debe usar si no hay un elemento más específico para representarlo. Como ejemplo, un menú de navegación debería estar incluido en un elemento nav, pero una lista de resultados de una búsqueda o una visualización de mapa y sus controles no tienen elementos específicos y podrían colocarse dentro de un section.
HEADER
<header>
h1>Mi sitio web/h1>
nav>
ul>
li>a href="#">Inicio/a>/li>
li>a href="#">Servicios/a>/li>
li>a href="#">Contacto/a>/li>
/ul>
/nav>
/header>>
El header en una página web es mucho más que un simple tramo de contenido visual en la parte superior de una página. Funciona como un punto clave de navegación y un espacio que influye significativamente en la usabilidad y la percepción del sitio. Con el uso adecuado, un header bien diseñado puede mejorar la accesibilidad, reforzar la identidad de la marca y optimizar la experiencia del usuario desde el primer momento en que llega al sitio.
La etiqueta header en HTML es una parte integral de la estructuración web moderna. Presentada con estructura HTML5, esta etiqueta está diseñada específicamente para contener elementos de cabecera o introducción de una página web. A diferencia de lo que muchos podrían pensar, el header no está limitado a la parte superior de una página, sino que puede ser utilizado en cualquier sección que requiera su propio grupo de introducción o navegación. Esto incluye, pero no está limitado a, el encabezado principal del sitio, cabeceras de artículos en blogs, o incluso cabeceras de sección en páginas de productos.
FOOTER
<footer>
p>© 2025 Mi sitio/p>
/footer>>
Cuando diseñamos o creamos una página web, una de las áreas que a menudo se pasa por alto es el footer o pie de página. Sin embargo, este elemento no solo sirve para marcar el final del contenido de la página, sino que también desempeña roles clave en la funcionalidad y navegabilidad del sitio. En este artículo, exploraremos en profundidad qué es un footer en HTML, qué elementos puede contener, y los atributos comunes que se utilizan para mejorar su accesibilidad y estética.
El footer en HTML es una sección de la página web ubicada en la parte inferior del documento. Funciona como un contenedor para información que, aunque no es primordial para el entendimiento inmediato del contenido principal, es esencial para ofrecer una experiencia de usuario completa y coherente. Esta sección es accesible mediante la etiqueta footer, introducida en HTML5, que ayuda a los navegadores web y a las tecnologías de asistencia a entender que los contenidos alojados allí son parte del pie de página del documento.