Bir yazarın adını işaretlemek için hangi HTML5 etiketini kullanmalıyım?

Örneğin bir blog yazısı veya makale.

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

Ancak authoretiket mevcut değil ... Peki yazarlar için yaygın olarak kullanılan HTML5 etiketi nedir? Teşekkürler.

(Eğer yoksa, olması gerekmez mi?)

Hem rel="author"ve <address>tam da bu amaç için tasarlanmıştır. Her ikisi de HTML5'te desteklenmektedir. Spesifikasyon bize , ve öğelerinde rel="author"kullanılabileceğini söyler . Google ayrıca önerir onun kullanımını . Kullanımını birleştirmek ve optimal görünüyor. HTML5, en iyi şekilde başlıkları ve yazar satırı bilgilerini böyle sarmalamaya olanak tanır :<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>

• pubdateNitelik o yayınlanmış tarih olduğunu gösterir.

• titleNitelikler isteğe üst geçitler bulunmaktadır.

• İmza bilgisi alternatif olarak bir <footer>içine sarılabilir<article>

Hcard mikro biçimini eklemek istiyorsanız , bunu şöyle yapacağım:

<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 bir yazar bağlantı türüne sahiptir :

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

Buradaki zayıflık, bir tür bağlantıda olması gerektiğidir, ancak eğer buna sahipseniz, burada uzun bir alternatifler tartışması var . Bağlantınız yoksa, sadece bir sınıf özelliği kullanın, bunun için:

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

HTML5 spesifikasyonuna göre, muhtemelen istersiniz address.

Adres öğesi, en yakın ürün veya gövde öğesi atası için iletişim bilgilerini temsil eder.

Spesifikasyon addressburada yazarlarla ilgili daha fazla referans

4.4.4'ün altında

Bir makale öğesiyle (qv adres öğesi) ilişkili yazar bilgileri, iç içe yerleştirilmiş makale öğeleri için geçerli değildir.

4.4.9'un altında

Bir bölümün yazarı veya editörü için iletişim bilgileri bir adres öğesine, muhtemelen kendisi bir altbilgiye aittir.

Tüm bunlar, addressbu bilgi için en iyi etiketin bu olduğunu gösteriyor.

Yani siz de verebilir dedi addressa relveya classbir author.

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

Daha fazlasını okuyun: http://dev.w3.org/html5/spec/sections.html#the-address-element

HTML5'te, içerik türünüzle ilgili bilgileri düzenlemeye yardımcı olan bazı anlamsal etiketler kullanabiliriz, ancak konuyla ilgili ve ek olarak schema.org'u kontrol edebilirsiniz . Arama motorlarının mikro veri öznitelikleri aracılığıyla web sitelerini daha iyi anlamalarına yardımcı olmayı amaçlayan bir Google, Bing ve Yahoo girişimidir. 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>

Rel = "author" için Google desteği kullanımdan kaldırıldı :

"Yazarlık işaretlemesi artık web aramasında desteklenmiyor."

Bir Açıklama Listesi (HTML 4.01'de Tanım Listesi) öğesi kullanın.

Gönderen HTML5 spec :

Dl öğesi, sıfır veya daha fazla ad-değer grubundan (bir açıklama listesi) oluşan bir ilişkilendirme listesini temsil eder. Bir ad-değer grubu, bir veya daha fazla addan (dt öğeleri) ve ardından bir veya daha fazla değerden (dd öğeleri) oluşur ve dt ve dd öğeleri dışındaki düğümler hariç tutulur. Tek bir dl elemanı içinde, her isim için birden fazla dt elemanı olmamalıdır.

Ad-değer grupları, terimler ve tanımlar, üst veri konuları ve değerleri, sorular ve cevaplar veya diğer ad-değer verileri grupları olabilir.

Yazarlık ve diğer makale meta bilgileri bu anahtara mükemmel bir şekilde uyar: değer çifti yapısı:

• yazar kim
• makalenin yayınlandığı tarih
• makalenin düzenlendiği site yapısı (kategori / etiket: dize / diziler)
• vb.

Düşünceli bir örnek:

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

Kullanırken Gördüğünüz gibi <dl>makale meta bilgisi için eleman, biz sarmak için serbesttir <address>, <a>hatta <img>etiketleri <dt>ve / veya <dd>uygun etiketlerin içeriğinin doğası ve işlevi niyetiyle . , Ve semantik olarak - - etiketler işlerini yapmak serbesttir ebeveyn ile ilgili bilgi iletme ; , Ve benzer şekilde işlerini yapmak serbesttir - yine semantik olarak - sırasıyla yetkili taraflar için ilgili içerik, sözsüz görsel sunum ve iletişim bilgilerini bulmak için ilgili bilgileri ileten.
<dl><dt><dd><article><a><img><address>

Kullanabilirsiniz

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

HTML5 spesifikasyonuna göre başlıkta .

Mikro veriler nasıl olur :

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

Yazarın iletişim bilgilerini eklediyseniz, <address>etiket uygundur:

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

Ancak kelimenin tam anlamıyla yalnızca yazarın adı ise, bunun için belirli bir etiket yoktur. HTML, insanlarla pek ilgili değildir.