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

Par exemple d'un billet de blog ou d'un article.

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

La balise author n'existe pas... Alors, quelle est la balise HTML5 couramment utilisée pour les auteurs? Grâce.

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

77
demandé sur Paul D. Waite 2011-09-03 05:03:54

7 réponses

HTML5 a un type de lien 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 avez que il ya un longue discussion des alternatives ici. Si vous n'avez pas de lien, utilisez simplement un attribut de classe, c'est pour ça:

<span class="author">John</span>
40
répondu robertc 2018-08-23 11:41:25

Les Deux rel="author" et <address> sont conçus pour cet objectif précis. Les deux sont pris en charge en HTML5. La spécification nous dit que rel="author" peut être utilisé sur <link> <a>, et <area> éléments. Google recommande également son utilisation . La combinaison de <address> et rel="author" semble optimale. HTML5 offre le meilleur emballage <article> les titres et les informations bylines dans un <header> comme ceci:

<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>
  • Le pubdate attribut indique que c'est la date de publication.

  • Les attributs title sont des survols optionnels.

  • La plume d'info peut être enveloppé dans un <footer> au sein d'une <article>

Si vous souhaitez ajouter le le microformat hcard, alors je voudrais faire 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="/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>
96
répondu ryanve 2013-06-24 20:31:30

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

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

La spécification références supplémentaires address en ce qui concerne les auteurs ici

Sous 4.4.4

Informations sur L'auteur associées à un élément d'article (QV élément address) ne s'applique pas aux éléments d'article imbriqués.

En Vertu de 4.4.9

Les coordonnées de l'auteur ou de l'éditeur d'un article appartient à un élément d'adresse, peut-être lui-même dans un pied de page.

Tout ce qui fait qu'il semble que address est la meilleure étiquette pour cette info.

Cela dit, vous pouvez aussi donner votre address un rel ou class de author.

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

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

15
répondu Jason Gennaro 2011-09-03 02:27:37

Google pour rel="author" est obsolète:

" le balisage de paternité n'est plus pris en charge dans la recherche web."

Utilisez une liste de Description (Liste de définition en HTML 4.01) élément.

À partir de la spécification HTML5 :

L'élément DL représente une liste d'associations composée de zéro ou plusieurs groupes nom-valeur (une liste de description). Un groupe nom-valeur se compose d'un ou plusieurs noms (dt éléments) suivi d'une ou plusieurs valeurs (éléments dd), en ignorant tous les nœuds autres que les éléments dt et dd. Dans un seul élément DL, il ne doit pas y avoir plus d'un élément dt pour chaque nom.

Les groupes nom-valeur peuvent être des Termes et des définitions, des sujets et des valeurs de métadonnées, des questions et des réponses, ou tout autre groupe de données nom-valeur.

La paternité et les autres méta-informations de l'article s'intègrent parfaitement dans cette clé: structure de paire de valeurs:

  • qui est le auteur
  • date de publication de l'article
  • structure du site sous laquelle l'article est organisé (category/tag: string/arrays)
  • etc.

Un exemple opiniâtre:

<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="remy@blog.net"><img src="email-sprite.png"></a></dd>
    </dl>
  </header>
  <section class="content">
    <!-- article content goes here -->
  </section>
</article>

Comme vous pouvez le voir lorsque vous utilisez l'élément <dl> pour les méta-informations de l'article, nous sommes libres d'envelopper <address>, <a> et même <img> tags dans <dt> et / ou <dd> tags selon la nature du contenu et sa fonction prévue .
Le <dl>, <dt> et les balises <dd> sont libre de faire son travail -- sémantiquement -- transmettre des informations sur le parent <article>; <a>, <img> et <address> sont également libres de faire leur travail-encore une fois, sémantiquement-transmettre des informations sur l'endroit où trouver du contenu connexe, une présentation visuelle non verbale et les coordonnées des parties faisant autorité, respectivement.

9
répondu remyActual 2015-09-07 00:49:45

Que diriez-vous de 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>
2
répondu steveax 2015-09-10 17:30:44

Vous pouvez utiliser

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

Dans l'en-tête selon la spécification HTML5 .

2
répondu Raphael 2016-02-26 11:29:39

Si vous incluez les coordonnées de l'auteur, la balise <address> est appropriée:

Mais si c'est littéralement juste le nom de l'auteur, il n'y a pas de balise spécifique pour cela. HTML n'inclut pas beaucoup de personnes liées.

1
répondu Paul D. Waite 2011-09-03 01:19:04