Какой тег 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>
Если вы включали контактные данные для автора, то <address>
тег уместен:
но если это буквально только имя автора, для этого нет определенного тега. HTML не включает в себя много связанных с людьми.