Welches HTML5-Tag soll ich verwenden, um den Namen eines Autors zu markieren?

Zum Beispiel eines Blogposts oder Artikels.

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

Das authorTag existiert jedoch nicht ... Was ist das häufig verwendete HTML5-Tag für Autoren? Vielen Dank.

(Wenn nicht, sollte es keine geben?)

Beide rel="author"und <address>sind genau für diesen Zweck konzipiert. Beide werden in HTML5 unterstützt. Die Spezifikation sagt uns, dass rel="author"für und Elemente verwendet werden kann. Google empfiehlt auch die Verwendung . Die Verwendung von und scheint optimal zu sein. HTML5 bietet am besten die Möglichkeit, Überschriften und Byline-Informationen wie folgt zu verpacken :<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>

• Das pubdateAttribut gibt an, dass dies das Veröffentlichungsdatum ist.

• Die titleAttribute sind optionale Überführungen.

• Die Byline-Informationen können alternativ in ein <footer>innerhalb eines eingeschlossen werden<article>

Wenn Sie das hcard-Mikroformat hinzufügen möchten , würde ich dies folgendermaßen tun:

<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 hat einen Autorenlink-Typ :

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

Die Schwäche hier ist, dass es sich um eine Art Link handeln muss, aber wenn Sie das haben, gibt es hier eine lange Diskussion über Alternativen . Wenn Sie keinen Link haben, verwenden Sie einfach ein Klassenattribut.

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

Gemäß der HTML5-Spezifikation möchten Sie wahrscheinlich address.

Das Adresselement repräsentiert die Kontaktinformationen für den nächsten Artikel- oder Körperelementvorfahren.

Die Spezifikation verweist addresshier weiter auf Autoren

Unter 4.4.4

Mit einem Artikelelement verknüpfte Autoreninformationen (siehe Adresselement) gelten nicht für verschachtelte Artikelelemente.

Unter 4.4.9

Kontaktinformationen für den Autor oder Herausgeber eines Abschnitts gehören in ein Adresselement, möglicherweise selbst in eine Fußzeile.

All dies lässt es scheinen, dass dies addressdas beste Tag für diese Informationen ist.

Das heißt, Sie könnten auch addressein reloder classvon geben author.

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

Lesen Sie mehr: http://dev.w3.org/html5/spec/sections.html#the-address-element

Google-Unterstützung für rel = "author" ist veraltet :

"Autoren-Markup wird in der Websuche nicht mehr unterstützt."

Verwenden Sie ein Beschreibungslistenelement (Definitionsliste in HTML 4.01).

Aus der HTML5-Spezifikation :

Das Element dl stellt eine Zuordnungsliste dar, die aus null oder mehr Name-Wert-Gruppen besteht (eine Beschreibungsliste). Eine Name-Wert-Gruppe besteht aus einem oder mehreren Namen (dt-Elementen), gefolgt von einem oder mehreren Werten (dd-Elementen), wobei andere Knoten als dt- und dd-Elemente ignoriert werden. Innerhalb eines einzelnen dl-Elements sollte es nicht mehr als ein dt-Element für jeden Namen geben.

Namenswertgruppen können Begriffe und Definitionen, Metadatenthemen und -werte, Fragen und Antworten oder andere Gruppen von Namenswertdaten sein.

Autoren- und andere Artikel-Metainformationen passen perfekt in diesen Schlüssel: Wertepaarstruktur:

• Wer ist der Autor
• Datum der Veröffentlichung des Artikels
• Site-Struktur, unter der der Artikel organisiert ist (Kategorie / Tag: String / Arrays)
• etc.

Ein Beispiel mit einer Meinung:

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

Wie Sie sehen können , wenn die Verwendung von <dl>Element für Artikel Meta - Informationen, sind wir wickeln frei <address>, <a>und auch <img>Tags in <dt>und / oder <dd>Tags nach der Art des Inhalts und der Funktion bestimmt .
Die <dl>, <dt>und <dd>Tags sind frei , ihre Arbeit zu tun - semantisch - Informationen über die Mutterförder <article>; <a>, <img>Und <address>ist in ähnlicher Weise frei , ihre Arbeit zu tun - auch hier semantisch - Übermittlung von Informationen in Bezug auf, wo bezogene Inhalte zu finden, das nicht-verbale visuelle Präsentation und Kontaktdaten finden Sie maßgebliche Parteien, respectively.

In HTML5 können wir einige semantische Beschriftungen verwenden, mit denen Sie die Informationen zu Ihrem Inhaltstyp organisieren können . Sie können jedoch zusätzlich und themenbezogen schema.org überprüfen . Es ist eine Initiative von Google, Bing und Yahoo, die Suchmaschinen dabei helfen soll, Websites anhand von Mikrodatenattributen besser zu verstehen. Tu post podría tener el siguiente aspekt:

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

Sie können verwenden

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

im Header gemäß der HTML5-Spezifikation .

Wie wäre es mit Mikrodaten :

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

Wenn Sie die Kontaktdaten des Autors angegeben haben, ist das <address>Tag angemessen:

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

Aber wenn es buchstäblich nur der Name des Autors ist, gibt es dafür kein bestimmtes Tag. HTML enthält nicht viel mit Menschen zu tun.