Compartir en:
En HTML5 la estructura interna básica de una página web se ha simplificado, se crearon nuevas etiquetas para las diferentes secciones de las que se compone una página, lo más novedoso de HTML5 son las nuevas API y los nuevos elemento y la semántica para darle más dinamismo a las páginas con menos código y facilitando al programador el maquetado de las paginas web. A continuación veamos nuestro código completo:
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4. <title>Titulo de la web</title>
  5. <meta charset="utf-8" />
  6. <link rel="stylesheet" href="estilos.css" />
  7. <link rel="shortcut icon" href="/favicon.ico" />
  8. <link rel="alternate" title="RSS" type="application/rss+xml" href="/feed.rss" />
  9. </head>
  10. <body>
  11. <header>
  12. <h1>Mi sitio web</h1>
  13. <p>Mi sitio web creado en html5</p>
  14. </header>
  15. <section>
  16. <article>
  17. <h2>Titilo de contenido<h2>
  18. <p> Contenido (ademas de imagenes, citas, videos etc.) </p>
  19. </article>
  20. </section>
  21. <aside>
  22. <h3>Titulo de contenido</h3>
  23. <p>contenido</p>
  24. </aside>
  25. <footer>
  26. pie de página
  27. </footer>
  28. </body>
  29. </html>