sábado, 21 de noviembre de 2015

HTML5 - Estructura del Cuerpo (Capítulo 02)



En el HTML tradicional se acostumbraba a dividir las zonas de una página mediante  etiquetas <div> o <table>. Pero estas dos etiquetas, no nos facilitaban las posiciones de cada parte del cuerpo(ubicación de cada estructura fácilmente).  En la nueva tecnología de HTML% se considero estos punto, la detección de cada estructura y el reconocimiento de los navegadores.

Teniendo como estructura primitiva.



En la actualidad la mayoría de los desarrolladores de web siguen la estructura siguiente:

Donde se observa las partes comunes.
1. Cabecera
2. Barra de Navegación
3. Sección de Información Principal
4. Barra Lateral
5. El pie o la barra Institucional
Terminando el código de esta manera: 
<html lang="es">
 <head>
  <meta charset="iso-8859-1">
  <meta name="description" content="Ejemplo de HTML5">
  <meta name="keywords" content="HTML5, CSS3, JavaScript">
  <title>Este texto es el título del documento</title>
  <link rel="stylesheet" href="misestilos.css">
 </head>
 <body>
  <header>
   <h1>Este es el título principal del sitio web</h1>
  </header>
  <nav>
   <ul>
    <li>principal</li>
    <li>fotos</li>
    <li>videos</li>
    <li>contacto</li>
   </ul>
  </nav>
  <section>
  </section>
  <aside>
   <blockquote>Mensaje número uno</blockquote>
   <blockquote>Mensaje número dos</blockquote>
  </aside>
  <footer>
   Derechos Reservados © 2010-2011
  </footer>
 </body>
</html>