Índice

Los contenedores

Esta es la estructura de los elementos de estructura HTML5 y de las cajas <div> utilizados en nuestra plantilla simple:

images/OW03-06.png
  • El contenedor general que albergará toda la composición es la caja <div id="wrapper">

  • El encabezado se sitúa en el elemento HTML5 <header>. Esta caja contendrá:

  • el logo en la caja <div id="logo">,

  • el campo de búsqueda en la caja <div id="search">.

  • La barra de menús está situada en el elemento HTML5 <nav>.

  • El contenido del sitio está en el elemento HTML5 <main>. Esta caja contiene:

  • La columna izquierda en la caja <div id="colIzda">,

  • El contenido del sitio en la caja <div id="content">,

  • La columna derecha en la caja <div id="colDcha">.

  • Por último, el pie de página se sitúa en el elemento HTML5 <footer>.