Tag HTML5 mana yang harus saya gunakan untuk menandai nama penulis?

Misalnya posting blog atau artikel.

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

Namun, authortag tersebut tidak ada ... Jadi apa tag HTML5 yang umum digunakan untuk penulis? Terima kasih.

(Jika tidak ada, bukankah seharusnya ada?)

Keduanya rel="author"dan <address>dirancang untuk tujuan yang tepat ini. Keduanya didukung dalam HTML5. Spesifikasi memberi tahu kita bahwa rel="author"dapat digunakan pada , dan elemen. Google juga merekomendasikan nya penggunaan . Menggabungkan penggunaan dan tampaknya optimal. HTML5 paling baik memberikan informasi headline dan bylines yang membungkus seperti ini:<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>

• The pubdateatribut menunjukkan bahwa itu adalah tanggal diterbitkan.

• The titleatribut jalan layang opsional.

• Info byline sebagai alternatif bisa dibungkus <footer>dalam<article>

Jika Anda ingin menambahkan mikroformat hcard , saya akan melakukannya seperti ini:

<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 memiliki tipe link penulis :

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

Kelemahannya di sini adalah bahwa itu perlu pada semacam tautan, tetapi jika Anda memilikinya, ada diskusi panjang tentang alternatif di sini . Jika Anda tidak memiliki link, gunakan saja atribut class, untuk itulah:

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

Menurut spesifikasi HTML5, Anda mungkin menginginkannya address.

Elemen alamat mewakili informasi kontak untuk artikel terdekat atau elemen badan leluhurnya.

Spesifikasi referensi lebih lanjut address sehubungan dengan penulis di sini

Di bawah 4.4.4

Informasi penulis yang terkait dengan elemen artikel (qv elemen alamat) tidak berlaku untuk elemen artikel bertingkat.

Di bawah 4.4.9

Informasi kontak untuk penulis atau editor bagian termasuk dalam elemen alamat, mungkin itu sendiri di dalam footer.

Semua itu membuatnya tampak addressseperti tag terbaik untuk info ini.

Meskipun demikian, Anda juga dapat memberikan addressa relatau classdari author.

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

Baca lebih lanjut: http://dev.w3.org/html5/spec/sections.html#the-address-element

Di HTML5 kita dapat menggunakan beberapa label semantik yang membantu mengatur informasi mengenai jenis konten Anda, tetapi tambahan dan terkait dengan subjek Anda dapat memeriksa schema.org . Ini adalah inisiatif dari Google, Bing dan Yahoo yang bertujuan untuk membantu mesin pencari untuk lebih memahami situs web melalui atribut microdata. Tu posting podría tener el siguiente aspek:

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

Dukungan Google untuk rel = "author" tidak digunakan lagi :

"Markup kepengarangan tidak lagi didukung dalam penelusuran web."

Gunakan elemen Daftar Deskripsi (Daftar Definisi dalam HTML 4.01).

Dari spesifikasi HTML5 :

Elemen dl mewakili daftar asosiasi yang terdiri dari nol atau lebih grup nama-nilai (daftar deskripsi). Grup nama-nilai terdiri dari satu atau beberapa nama (elemen dt) diikuti oleh satu atau beberapa nilai (elemen dd), mengabaikan node apa pun selain elemen dt dan dd. Dalam satu elemen dl, tidak boleh ada lebih dari satu elemen dt untuk setiap nama.

Kelompok nilai-nama dapat berupa istilah dan definisi, topik dan nilai metadata, pertanyaan dan jawaban, atau kelompok data nilai nama lainnya.

Kepengarangan dan informasi meta artikel lainnya sangat cocok dengan kunci ini: struktur pasangan nilai:

• siapa penulisnya
• tanggal artikel diterbitkan
• struktur situs tempat artikel diatur (kategori / tag: string / array)
• dll.

Contoh beropini:

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

Seperti yang Anda lihat saat menggunakan <dl>elemen untuk informasi meta artikel, kami bebas untuk membungkus <address>, <a>dan bahkan memberi <img>tag <dt>dan / atau <dd>tag sesuai dengan sifat konten dan fungsi yang dimaksudkan .
The <dl>, <dt>dan <dd>tag bebas untuk melakukan pekerjaan mereka - semantik - menyampaikan informasi tentang orang tua <article>; <a>, <img>dan <address>juga bebas untuk melakukan pekerjaan mereka - sekali lagi, secara semantik - menyampaikan informasi mengenai di mana menemukan konten terkait, presentasi visual non-verbal, dan detail kontak untuk pihak yang berwenang.

Kamu bisa memakai

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

di tajuk sesuai spesifikasi HTML5 .

Bagaimana dengan microdata :

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

Jika Anda menyertakan detail kontak penulis, maka <address>tag tersebut sesuai:

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

Tetapi jika secara harfiah hanya nama penulisnya, tidak ada tag khusus untuk itu. HTML tidak menyertakan banyak hal yang berhubungan dengan orang.