Какой тег 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Это лучший тег для этой информации.тем не менее, вы также можете дать свой
addressarelили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.