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


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

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

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

(Если нет, то не должно быть одного?)

7 77

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> заголовки и подзаголовки информация в <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 pubdate атрибут указывает, что это дата публикации.

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

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

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

под 4.4.4

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

под 4.4.9

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

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

тем не менее, вы также можете дать свой address a rel или class на 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> теги согласно природа содержание и функции.
Элемент <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 не включает в себя много связанных с людьми.