Volver
Ctrl+Space
◑
Copiar
Descargar
Restaurar
Ejecutar
Ctrl+Enter
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Estructura semántica</title> </head> <body> <header> <h1>Mi Sitio Web</h1> <nav> <ul> <li><a href="#">Inicio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contacto</a></li> </ul> </nav> </header> <main> <section> <h2>Últimos artículos</h2> <p>Esta sección agrupa contenido relacionado temáticamente — en este caso, la lista de artículos recientes del blog.</p> </section> <article> <h2>Cómo empezar con HTML semántico</h2> <p>Este <article> es contenido independiente y autocontenido — tendría sentido si lo sacaras de esta página y lo leyeras solo, como pasaría si apareciera en un lector RSS.</p> </article> <article> <h2>5 errores comunes al maquetar con divs</h2> <p>Otro artículo independiente. Cada uno tiene su propio <h2> y podría existir por sí solo.</p> </article> <aside> <h3>Artículos relacionados</h3> <ul> <li><a href="#">Introducción a CSS</a></li> <li><a href="#">JavaScript para principiantes</a></li> </ul> </aside> </main> <footer> <p>© 2026 Mi Sitio. Todos los derechos reservados.</p> </footer> </body> </html>