Pongamos orden en los encabezados
Domingo, 22 de Octubre de 2006 por Micky MoureloHay muchos desarrolladores que utilizan los encabezados Hn de manera incorrecta. Aplican los diferentes niveles de encabezado [1-6] a las diferentes secciones del sitio web, cuando esos encabezados están pensados para reflejar la estructura de un documento y no la de todo un conjunto de documentos.
De esta manera es más que frecuente encontrarse con páginas en las que del encabezado principal, que suele coincidir con el título de la página, h1, pasamos al h3 solo porque en la estructura global del universo sitio web, esa sección sería de nivel 3.
- Estructura de un documento
-
- H1 - Recetas de cocina inglesa
- H4 - Recetas sin Pan
- Estructura del sitio web
-
- H1 - Recetas de cocina inglesa
- H2 - Recetas sin patatas
- H3 - Recetas de Torquay
- H2 - Recetas con patatas
- H3 - Recetas con pescado
- H3 - Recetas sin pescado
- H4 - Recetas con Pan
- H4 - Recetas sin Pan
Y eso no está bien.
De hecho está mal. Por varias razones:
- Los
Hnestán en la especificación de HTML, esa especificación es para hacer documentos=páginas, no sitios=colecciones de páginas.
Las especificaciones hablan de estructuras en documentos, no en sitios (ej: no puedes poner un términodten una página sin su correspondiente definición solo porque la definiciónddestá ya en otra página web) - Cuando creas la jerarquía de
Hn, pertenece al documento, no al sitio, si perteneciese al sitio habría algún documento donde se estableciese esa jerarquía (no, el mapa del sitio no es ese documento, los mapas son “invenciones” ajenas a la especificación, losHnson parte de la especificación, que, recordemos, trata de etiquetar documentos, no sitios). - Cuando diseñas una página intentas, o deberías, resaltar que el
H1es lo más importante de la estructura, sea mediante el uso de color, formas, variaciones tipográficas, etc. (no, no significa que tengas que ponerlo “más grande, enorme, ¡descomunal!”, solo que tiene que notarse que ese es el encabezado principal). Después destacas, o deberías, lo segundo más importante de ese documento, de esa estructura de documento, de esa lectura que el usuario va a realizar, para que se perciba la estructura del documento, aunque sea sutilmente. ¿Y tiene algún sentido que lo segundo más importante de esa estructura sea un encabezado de nivel 6? - Si un parseador, los navegadores en el futuro por ejemplo, decidiese representar la estructura del documento ¿podría hacerlo de una manera coherente?Entrada de Marsupial en la Wikipedia: Marsupial
Los marsupiales son mamíferos (entrada de Mamíferos en la Wikipedia: Mamífero) ¿Significa eso que el encabezado de Marsupial tiene que ser un
H2? Pues los mamíferos son del filo cordados, ¿habrá que ponerh3?Pasemos alguna de esas páginas por el validador del W3C pero activando la opción outline:
Validación de la entrada Marsupial de la Wikipedia
Entre otras cosas dice (de nuevo las negrita es mía):
If this does not look like a real outline, it is likely that the heading tags are not being used properly. (Headings should reflect the logical structure of the document; they should not be used simply to add emphasis, or to change the font size.)
- El W3C ha considerado que el tema de saltarse la jerarquía era tan importante que ha incluido una nota en la especificación (y no incluye notas por cualquier cosa que piensa la gente).
- El W3C ha considerado que el tema de saltarse la jerarquía era tan importante que en el borrador de XHTML 2.0 dice (negrita mía):
The practice of skipping heading levels is considered to be bad practice. The series h1 h2 h1 is acceptable, while h1 h3 h1 is not [acceptable], since the heading level h2 has been skipped.
La única razón por la que no prescribe que no se pueda saltar la jerarquía es que en XHTML 2.0 existen otras maneras de forzarla como las secciones, elemento section, y el elemento h.
- ¿Porque es de sentido común?
- Enviar a:
- Menéame
- Technorati
- Yahoo
- Digg
- Del.icio.us
- Fresqui