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

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

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

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

(Если нет, не будет?)

7 ответов


в HTML5 есть тег тип ссылки автора:

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

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

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

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

  • информация о byline может быть также завернута в <footer> внутри <article>

если вы хотите добавить hcard microformat, то я бы сделал так, как это:

<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, вы, вероятно, хотите address.

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

спецификации дальнейшие ссылки address в отношении авторов

под 4.4.4

Автор информации, связанной с элементом статьи (см. В address element) не применяется к вложенной статье элементы.

под 4.4.9

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

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

тем не менее, вы также можете дать свой address a rel или class of author.

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

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


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

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

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

С HTML5 spec:

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

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

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

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

упрямый пример:

<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> теги согласно природа содержание и функции.
The <dl>, <dt> и <dd> теги могут свободно выполнять свою работу-семантически-передавать информацию о родителе <article>; <a>, <img> и <address> также свободно выполнять свою работу-опять же, семантически-передавать информацию о том, где найти соответствующий контент, невербальное визуальное представление и контактные данные для авторитетных сторон, соответственно.


как о микроданных:

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

можно использовать

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

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


Если вы включали контактные данные для автора, то <address> тег уместен:

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