Quelle balise HTML5 dois-je utiliser pour marquer le nom d'un auteur ?

Question

Par exemple, un billet de blog ou un article.

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

El author n'existe pas cependant... Quelle est donc la balise HTML5 la plus utilisée par les auteurs ? Merci.

(S'il n'y en a pas, ne devrait-il pas y en avoir un ?)

Answer 1

Les deux sites rel="author" y <address> sont conçus dans ce but précis. Les deux sont pris en charge par HTML5. La spécification nous dit que rel="author" peut être utilisé sur <link> <a> y <area> éléments. Google a également recommande son utilisation . L'utilisation combinée de <address> y rel="author" semble optimale. HTML5 permet de mieux envelopper <article> info sur les titres et les bylines dans un <header> comme ça :

<article>
    <header>
        <h1 class="headline">Headline</h1>
        <div class="byline">
            <address class="author">By <a rel="author" href="http://stackoverflow.com/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 pubdate indique qu'il s'agit de la date de publication.

• El title Les attributs sont des survols facultatifs.

• L'information sur la signature peut également être enveloppée dans un fichier de type <footer> dans un <article>

Si vous voulez ajouter le microformat hcard alors je le ferais comme ceci :

<article>
    <header>
        <h1 class="headline">Headline</h1>
        <div class="byline vcard">
            <address class="author">By <a rel="author" class="url fn n" href="http://stackoverflow.com/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>

Answer 2

HTML5 a un type de lien d'auteur :

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

La faiblesse ici est qu'il doit être sur une sorte de lien, mais si vous l'avez, il y a un longue discussion sur les alternatives ici . Si vous n'avez pas de lien, utilisez simplement un attribut de classe, c'est à cela qu'il sert :

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

Answer 3

Selon la spécification HTML5, vous voulez probablement address .

L'élément adresse représente les informations de contact de son ancêtre le plus proche de l'élément article ou corps.

La spécification fait également référence à address en ce qui concerne les auteurs ici

Sous 4.4.4

Les informations sur l'auteur associées à un élément d'article (q.v. l'élément élément d'adresse) ne s'appliquent pas aux éléments d'article imbriqués.

Sous 4.4.9

Les coordonnées de l'auteur ou du rédacteur d'une section appartiennent à un élément d'adresse, éventuellement lui-même dans un pied de page.

Tout cela fait qu'il semble que address est le meilleur tag pour cette information.

Cela dit, vous pouvez aussi donner à votre address a rel o class de author .

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

Lire la suite : http://dev.w3.org/html5/spec/sections.html#the-address-element

Answer 4

Et si microdonnées :

<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>

Answer 5

Je vous renvoie à l'article suivant : Citations et citations .