secciones - html5: ¿usa la etiqueta de encabezado o pie de página dos veces?
secciones en html (6)
pregunta rápida: ¿está permitido usar la etiqueta del encabezado dos veces? Por ejemplo, tengo dos cabeceras importantes en mi header.php donde ambas pueden tener una etiqueta de encabezado.
El <header>
se utiliza para marcar el encabezado de, por ejemplo, artículos en el periódico, por lo que si tiene varios artículos, puede usar varios <header>
.
Es como usar múltiples <h1>
. Solo tiene sentido en algún caso especial.
En alguna situación, es posible poner dos <header>
en un solo <article>
/ <section>
así, ¿por qué no?
<article>
<!-- Feature Image on the LEFT -->
<div class="position-left">
...featrue image...
<header>
...H1 title ...
</header>
</div>
<!-- Content on the RIGHT with subtitle, date, etc -->
<div class="position-right">
<header>
..date, sub-title, etc...
</header>
...content...
<footer>..</footer>
</div>
</article>
No hay penalización por usar dos etiquetas de encabezado, pero asegúrese de que tenga sentido.
Feliz codificación!
Puedes poner dos etiquetas <header>
en tu documento, claro. Semánticamente, sin embargo, es incorrecto. ¿Por qué no usar una etiqueta <header>
y usar una etiqueta diferente dentro de ella?
Sí, pero con un truco. Los documentos W3 indican que las etiquetas representan las áreas de encabezado y pie de página de la sección ancestral más cercana. Recomendaría tener tantas como desee, pero solo 1 de cada una para cada "sección" de su página, es decir, cuerpo, sección, etc.
De W3
Un elemento de encabezado suele contener el encabezado de la sección (un elemento h1-h6 o un elemento hgroup), pero esto no es obligatorio. El elemento de encabezado también se puede usar para ajustar la tabla de contenido de una sección, un formulario de búsqueda o cualquier logotipo relevante.
======================
El elemento del pie de página representa un pie de página para su antecesor más cercano, el contenido de sección o el elemento raíz de sección. Un pie de página suele contener información sobre su sección, como quién la escribió, enlaces a documentos relacionados, datos de derechos de autor y similares.
Aquí hay enlaces a su respectiva documentación estándar: header y footer
Sí, puede usar múltiples elementos de header
en sus documentos, en virtud de la documentación de w3c :
Un elemento de encabezado suele contener el encabezado de la sección (un elemento h1-h6 o un elemento hgroup), pero esto no es obligatorio. El elemento de encabezado también se puede usar para ajustar la tabla de contenido de una sección, un formulario de búsqueda o cualquier logotipo relevante.
Sin embargo, asegúrese de que sea semánticamente correcto.