Cabecera de un artículo en HTML5

Ya hemos visto cómo utilizar el elemento header para definir la cabecera de un documento en HTML5. Ahora vamos a ver cómo podemos utilizar el elemento header para poder definir la cabecera de un artículo en HTML5.

Es decir, el elemento es el mismo, si bien, dependiendo de dónde se encuentre representará semánticamente a la cabecera del documento o a la cabecera del artículo.

El elemento header en artículos

Para utilizar el elemento header como cabecera de un artículo en HTML5 lo vamos a utilizar dentro del elemento article.

<article>
  <header>
    <!-- Contenido de la cabecera del artículo -->
  </header>
</article>

Contenido de la cabecera

El elemento header que representa la cabecera de un artículo en HTML5 suele contener el título y subtítulo del artículo. Si bien también se suelen poner datos como fecha de creación del documento, autor del documento, comentarios del mismo,…

Al igual que sucedía en el uso del elemento header como cabecera del documento no existe una regla de qué información tiene que ser esta, si bien la detallada suele ser la más normal.

En este caso vamos a crear una cabecera de un artículo en HTML5 que contenga el título y subtítulo del artículo.

<article>
  <header>
    <h1>Título del Artículo</h1>
    <h2>Subtítulo del Artículo</h2>
  </header>
</article>

Múltiples artículos en un documento

Hay que tener en cuenta que podremos tener múltiples artículos dentro de un documento HTML5 y por ende podremos encontrar múltiples cabeceras de dichos artículos dentro del documento.

<article>
  <header>
    <h1>Título del Primer Artículo</h1>
    <h2>Subtítulo del Primer Artículo</h2>
  </header>
</article>

<article>
  <header>
    <h1>Título del Segundo Artículo</h1>
    <h2>Subtítulo del Segundo Artículo</h2>
  </header>
</article>

En tu caso, ¿qué elementos pones para definir la cabecera de un artículo en HTML5? Danos ideas en los comentarios.