Ver Mensaje Individual
  #7 (permalink)  
Antiguo 23/12/2011, 16:07
Avatar de ryugen
ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 15 años, 7 meses
Puntos: 187
Respuesta: Cuantos header, footer y navs puedo ocupar?

Si leemos la spec en el apartado Sectioning content:
http://www.w3.org/TR/html5/content-m...ioning-content

Veamos:
Cita:
Sectioning content is content that defines the scope of headings and footers.

article
aside
nav
section

Each sectioning content element potentially has a heading and an outline. See the section on headings and sections for further details.

There are also certain elements that are sectioning roots. These are distinct from sectioning content, but they can also have an outline.
Cita:
3.2.5.1.4 Heading content

Heading content defines the header of a section (whether explicitly marked up using sectioning content elements, or implied by the heading content itself).

h1
h2
h3
h4
h5
h6
hgroup
Y ... http://www.w3.org/TR/html5/sections....header-element

Cita:
The header element represents a group of introductory or navigational aids.

A header element is intended to usually contain the section's heading (an h1–h6 element or an hgroup element), but this is not required. The header element can also be used to wrap a section's table of contents, a search form, or any relevant logos.
[...]

The header element is not sectioning content; it doesn't introduce a new section.
Resumiendo, los elementos generadores contenedores de secciones son:
article
aside
nav
section
Los "h1-6" son encabezados para cada una de las secciones, "h1-6" de menor valor dentro de una misma seccion generan subsecciones.

Por ultimos en la definición de header dice que el tag "header" puede ser el encabezado para una sección (pero marca que esto no es obligatorio) por lo tanto un "h1-6" por si solo ya puede encabezar una seccion sin embargo si incluimos un header podemos incorporar al encabezado otros elementos, como por ejemplo navegacion con nav. También aclara que por si solo el "header" no tiene el poder de un "h1-6" para poder generar una nueva sección o subseccion.

Para que se entienda
Código HTML:
Ver original
  1. h1
  2.  h2
  3.  h2
  4. h1
  5.  h2
  6.  h2
Genera dos secciones y dos subsecciones en cada una.
Código HTML:
Ver original
  1. header
  2.  h2
  3.  h2
  4. header
  5.  h2
  6.  h2
Genera cuatro secciones de nivel 2.

Espero que se haya entendido



PD: Muy enriquesedores los debates que se están armando