Какой тег HTML5 следует использовать для разметки имени автора?

Например, сообщения в блоге или статьи.

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

Однако authorтега не существует ... Итак, какой тег HTML5 чаще всего используется авторами? Спасибо.

(Если нет, разве не должно быть?)

Оба rel="author"и <address>предназначены именно для этой цели. Оба поддерживаются в HTML5. Спецификация говорит нам , что rel="author"может быть использовано на и элементы. Google также рекомендует его использовать . Комбинированное использование и кажется оптимальным. HTML5 лучше всего позволяет переносить заголовки и информацию о подписи следующим образом:<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>

• pubdateАтрибут указывает на то , что это Опубликованная дата.

• Эти titleатрибуты не являются обязательными эстакадами.

• Информация о подписи автора может альтернативно быть обернута в <footer>пределах<article>

Если вы хотите добавить микроформат hcard , я бы сделал это так:

<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 имеет тип ссылки автора :

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

Слабость здесь в том, что он должен быть на какой-то ссылке, но если она у вас есть, здесь есть долгое обсуждение альтернатив . Если у вас нет ссылки, просто используйте атрибут класса, для чего он:

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

Согласно спецификации HTML5, вы, вероятно, захотите address.

Элемент адреса представляет собой контактную информацию ближайшего предка элемента article или body.

Дополнительные ссылки addressна авторов здесь

Менее 4.4.4

Информация об авторе, связанная с элементом статьи (qv элемент адреса), не применяется к вложенным элементам статьи.

Менее 4.4.9

Контактная информация автора или редактора раздела содержится в элементе адреса, возможно, внутри самого нижнего колонтитула.

Все это создает впечатление, что addressэто лучший тег для этой информации.

Тем не менее, вы также можете поставить оценку addressa relили classof author.

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

Подробнее: http://dev.w3.org/html5/spec/sections.html#the-address-element

В HTML5 мы можем использовать некоторые семантические метки, которые помогают организовать информацию о вашем типе контента, но дополнительные и связанные с темой вы можете проверить schema.org . Это инициатива Google, Bing и Yahoo, цель которой - помочь поисковым системам лучше понимать веб-сайты с помощью атрибутов микроданных. Tu post podría tener el siguiente аспект:

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

Поддержка Google для rel = "author" устарела :

«Разметка авторства больше не поддерживается в веб-поиске».

Используйте элемент списка описаний (список определений в HTML 4.01).

Из спецификации HTML5 :

Элемент dl представляет собой список ассоциаций, состоящий из нуля или более групп имя-значение (список описания). Группа «имя-значение» состоит из одного или нескольких имен (элементов dt), за которыми следуют одно или несколько значений (элементы dd), игнорируя любые узлы, кроме элементов dt и dd. В одном элементе dl не должно быть более одного элемента dt для каждого имени.

Группы значений имени могут быть терминами и определениями, темами и значениями метаданных, вопросами и ответами или любыми другими группами данных значения имени.

Авторство и другая метаинформация статьи идеально вписывается в эту структуру пары ключ: значение:

• кто автор
• дата публикации статьи
• структура сайта, по которой организована статья (категория / тег: строка / массивы)
• и т.п.

Самоуверенный пример:

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

Как вы можете видеть при использовании <dl>элемента для получения информации в статье мета, мы свободны , чтобы обернуть <address>, <a>и даже <img>теги в <dt>и / или <dd>тегов в соответствии с характером содержания , и она предназначена функция .
В <dl>, <dt>и <dd>метки могут свободно делать свою работу - семантический - передача информации о родителе <article>; <a>, <img>и <address>аналогичным образом свободны выполнять свою работу - опять же, семантически - передавая информацию о том, где найти связанный контент, невербальное визуальное представление и контактные данные для авторитетных сторон, соответственно.

Ты можешь использовать

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

в заголовке согласно спецификации HTML5 .

Как насчет микроданных :

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

Если вы указали контактную информацию об авторе, тогда <address>тег подходит:

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

Но если это буквально просто имя автора, для этого нет специального тега. HTML не имеет ничего общего с людьми.