Etiquetas Semánticas HTML5

<header>

Representa el encabezado de una sección o documento. Suele contener logos, títulos y navegación.

<header>
    <h1>Título del Sitio</h1>
    <nav>
        <ul>
            <li><a href="#">Inicio</a></li>
            <li><a href="#">Contacto</a></li>
        </ul>
    </nav>
</header>

<nav>

Define una sección de navegación con enlaces a otras páginas o partes de la página.

<nav>
    <ul>
        <li><a href="productos.html">Productos</a></li>
        <li><a href="servicios.html">Servicios</a></li>
    </ul>
</nav>

<article>

Representa contenido independiente y autónomo, como una entrada de blog, noticia, etc.

<article>
    <h2>Nuevo Modelo 2024</h2>
    <p>Presentamos nuestro último modelo con tecnología innovadora...</p>
</article>

<section>

Define secciones temáticas en un documento. Debe tener un título (heading).

<section>
    <h2>Nuestros Servicios</h2>
    <p>Ofrecemos mantenimiento, reparación y personalización...</p>
</section>

<footer>

Representa el pie de página de una sección o documento. Suele contener información de contacto, copyright, etc.

<footer>
    <p>© 2024 EliteMotors</p>
    <address>contacto@elitemotors.com</address>
</footer>