¿Qué etiqueta HTML5 debo usar para marcar el nombre de un autor?

Por ejemplo, una publicación de blog o un artículo.

<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>

Sin authorembargo, la etiqueta no existe ... Entonces, ¿cuál es la etiqueta HTML5 de uso común para los autores? Gracias.

(Si no lo hay, ¿no debería haber uno?)

Ambos rel="author"y <address>están diseñados para este propósito exacto. Ambos son compatibles con HTML5. La especificación nos dice que rel="author"se puede usar en los elementos y . Google también recomienda su uso . Combinar el uso de y parece óptimo. HTML5 permite envolver mejor la información de titulares y firmas de una manera similar:<link> <a><area><address>rel="author"<article><header>

<article>
    <header>
        <h1 class="headline">Headline</h1>
        <div class="byline">
            <address class="author">By <a rel="author" href="/author/john-doe">John Doe</a></address> 
            on <time pubdate datetime="2011-08-28" title="August 28th, 2011">8/28/11</time>
        </div>
    </header>

    <div class="article-content">
    ...
    </div>
</article>

• El pubdateatributo indica que esa es la fecha de publicación.

• Los titleatributos son pasos elevados opcionales.

• Alternativamente, la información de la línea de autor puede estar envuelta en <footer>un<article>

Si desea agregar el microformato hcard , lo haría así:

<article>
    <header>
        <h1 class="headline">Headline</h1>
        <div class="byline vcard">
            <address class="author">By <a rel="author" class="url fn n" href="/author/john-doe">John Doe</a></address> 
            on <time pubdate datetime="2011-08-28" title="August 28th, 2011">on 8/28/11</time>
        </div>
    </header>

    <div class="article-content">
    ...
    </div>
</article>

HTML5 tiene un tipo de enlace de autor :

<a href="http://johnsplace.com" rel="author">John</a>

La debilidad aquí es que debe estar en algún tipo de enlace, pero si tiene eso, hay una larga discusión de alternativas aquí . Si no tiene un enlace, simplemente use un atributo de clase, para eso es:

<span class="author">John</span>

De acuerdo con la especificación HTML5, probablemente quieras address.

El elemento de dirección representa la información de contacto de su artículo o elemento de cuerpo más cercano antepasado.

La especificación más referencias addresscon respecto a los autores aquí

Menos de 4.4.4

La información de autor asociada con un elemento de artículo (qv el elemento de dirección) no se aplica a los elementos de artículo anidados.

Menos de 4.4.9

La información de contacto del autor o editor de una sección pertenece a un elemento de dirección, posiblemente dentro de un pie de página.

Todo lo cual hace que parezca que addresses la mejor etiqueta para esta información.

Dicho esto, también puedes dar tu addressa relo classde author.

<address class="author">Jason Gennaro</address>

Leer más: http://dev.w3.org/html5/spec/sections.html#the-address-element

La compatibilidad de Google con rel = "author" está obsoleta :

"El marcado de autoría ya no se admite en la búsqueda web".

Utilice un elemento Lista de descripciones (Lista de definiciones en HTML 4.01).

De la especificación HTML5 :

El elemento dl representa una lista de asociación que consta de cero o más grupos de nombre-valor (una lista de descripción). Un grupo de nombre-valor consta de uno o más nombres (elementos dt) seguidos de uno o más valores (elementos dd), ignorando los nodos que no sean elementos dt y dd. Dentro de un solo elemento dl, no debe haber más de un elemento dt para cada nombre.

Los grupos de nombre y valor pueden ser términos y definiciones, temas y valores de metadatos, preguntas y respuestas, o cualquier otro grupo de datos de nombre y valor.

La autoría y otra metainformación del artículo encajan perfectamente en esta estructura de pares clave: valor:

• quien es el autor
• fecha de publicación del artículo
• estructura del sitio bajo la cual se organiza el artículo (categoría / etiqueta: cadena / matrices)
• etc.

Un ejemplo obstinado:

<article>
  <header>
    <h1>Article Title</h1>
    <p class="subtitle">Subtitle</p>
    <dl class="dateline">
      <dt>Author:</dt>
      <dd>Remy Schrader</dd>
      <dt>All posts by author:</dt>
      <dd><a href="http://www.blog.net/authors/remy-schrader/">Link</a></dd>
      <dt>Contact:</dt>
      <dd><a mailto="[email protected]"><img src="email-sprite.png"></a></dd>
    </dl>
  </header>
  <section class="content">
    <!-- article content goes here -->
  </section>
</article>

Como se puede ver cuando se utiliza el <dl>elemento de información de artículo de meta, somos libres para envolver <address>, <a>e incluso <img>etiquetas en <dt>y / o <dd>etiquetas de acuerdo con la naturaleza del contenido y es la intención función .
Las etiquetas <dl>, <dt>y <dd>son libres de hacer su trabajo - semánticamente - transmitiendo información sobre el padre <article>; <a>, <img>y <address>son igualmente libres de hacer su trabajo - nuevamente, semánticamente - transmitiendo información sobre dónde encontrar contenido relacionado, presentación visual no verbal y detalles de contacto para las partes autorizadas, respectivamente.

En HTML5 podemos utilizar algunas etiquetas semánticas que ayudan a organizar la información sobre tu tipo de contenido, pero adicionales y relacionadas con el tema puedes consultar schema.org . Es una iniciativa de Google, Bing y Yahoo que tiene como objetivo ayudar a los motores de búsqueda a comprender mejor los sitios web a través de atributos de microdatos. Tu post podría tener el siguiente aspecto:

<article itemscope itemtype="http://schema.org/Article">
<header>
  <h1 itemprop="headline">header</h1>
  <time itemprop="dateCreated datePublished">09-02-2011</time>
  <div itemprop="author publisher" itemscope itemtype="http://schema.org/Organization">
    <p>
        <img itemprop="image logo" src="..."/>
        <span itemprop="name">John</span>
    </p>
  </div>
</header>
<section itemprop="articleBody" >
    My article....
    <img itemprop="image" src="..."/>
</section>
</article>

Puedes usar

<meta name="author" content="John Doe">

en el encabezado según la especificación HTML5 .

¿Qué hay de los microdatos ?

<article>
<h1>header<h1>
<time>09-02-2011</time>
<div id="john" itemscope itemtype="http://microformats.org/profile/hcard">
 <h2 itemprop="fn">
  <span itemprop="n" itemscope>
   <span itemprop="given-name">John</span>
  </span>
 </h2>
</div>
My article....
</article>

Si incluía los datos de contacto del autor, la <address>etiqueta es apropiada:

• http://dev.w3.org/html5/spec-author-view/the-address-element.html#the-address-element

Pero si es literalmente solo el nombre del autor, no hay una etiqueta específica para eso. HTML no incluye mucho relacionado con las personas.