Какой тег HTML5 следует использовать для обозначения имени автора?
например, блог-пост или статья.
<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>
The 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>
заголовки и подзаголовки информация в<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
arel
или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.