¿Es semánticamente válido colocar una etiqueta a un lado dentro de una etiqueta de encabezado?

Question

Como en:

<header id="mainHeader"> 
     <hgroup> 
       <h1>Title</h1> 
       <h2>Sub Title</h2> 
      </hgroup> 
      <aside> 
       <p>Some content within the header but isn't as important.</p> 
       <p>Some content within the header but isn't as important line 2.</p> 
      </aside>    
    </header> 

La razón de esto, como se ha demostrado anteriormente, es que tengo algo de contenido que pertenece a la cabecera (por ejemplo, un bloque corto de la información), pero sólo tiene cierta relación, pero no realmente tan esencial como las etiquetas h1 y h2.

¿O debería usar un div normal?

Answer 1

Según los borradores HTML5, <aside> es contenido tangencial al contenido principal, por lo que no se trata de importancia sino de temas. El elemento <aside> puede contener noticias impactantes, que son tangenciales al aburrido contenido de una página aburrida.

Lo que realmente importa es lo que otras personas que puedan ver su marcado HTML lo piensen. La "semántica" de los nuevos elementos como <header> y <aside>has recently been characterized (por Hixie, el editor de HTML5) se relaciona principalmente con la facilidad de creación y mantenimiento.

Si usted no está seguro de la "semántica" usted mismo, las probabilidades son que otros tengan dificultades con eso también. Por lo tanto, podría ser más seguro usar solo <div class="foo">, donde foo de alguna manera caracteriza la función del contenido.

Answer 2

Semánticamente, las sugerencias deben relacionarse con el contenido de su elemento padre de una manera que resalte algún contenido o haga algo para resumir o mejorar el contenido. Piense en un lado como su contenido rompiendo la cuarta pared.

En otras palabras, sí a su pregunta, pero no a su ejemplo. Si tiene una cita de extracción o una explicación que se relaciona directamente con el contenido en su encabezado, use el elemento aparte. Si solo tiene contenido que no es tan importante como el resto del contenido, yo diría que use <section> en su lugar.