section secciones que etiquetas etiqueta ejemplos ejemplo cabecera html html5 header semantics

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.