Páginas

Estructura HTML5

La quinta versión del lenguaje de marcado más usado para creación de la web, trae consigo nuevas mejoras, un ramillete de apis que hacen de html5 un poderosa herramienta, la estructura del lenguaje es muy importante para SEO (Posicionamiento en buscadores) y para el diseño en sí mismo.

HTML5 sin duda es el mejor y siempre va superándose, apoyándose en las mejoras que se están dando con la interfaz XMLHttpRequest 2. Antes utilizabamos muchas etiquetas divs para contener nuestros textos y demás objetos pero ahora HTML5 tiene etiquetas destinadas para uso especifico y hace más fácil encontrar lo que estamos buscando.


La estructura más básica es la siguiente:
<html lang="es">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Título</title>
</head>
<body>
  <header>
    <h1>Título</h1>
    <nav>
      <ul>
        <li>Enlace 1</li>
      </ul>
    </nav>
  </header>
  <section>
    <article>
      <h2>Titulo del artículo</h2>
      <p></p>
    </article>
  </section>
  <aside></aside>
  <footer></footer>
</body>
</html>
Podría quedar así, eso depende de como quieras jugar con el diseño

¡Si te gustó comenta y da tu estilo!