Моя цель — процитировать сообщение в блоге, используя микроданные HTML.
Как я могу улучшить следующую разметку для цитат?
Я стремлюсь улучшить синтаксис и семантику, чтобы получить результат, который хорошо работает со стандартами HTML5, хорошо отображается в текущих браузерах и хорошо анализируется в поисковых системах.
Награда за этот вопрос предназначена для экспертных советов и рекомендаций. Мое исследование выявило множество мнений и фрагментов, поэтому я ищу четкие ответы, полные образцы и каноническую документацию.
Это моя работа в процессе, и я ищу совета по ее правильности:
Используйте
<div class="citation">
, чтобы обернуть все.Используйте
<article>
сitemscope
иBlogPost
, чтобы обернуть информацию о сообщении, включая вложенную информацию.Используйте
<header>
и<h1 itemprop="headline">
, чтобы обернуть ссылку на название поста.Используйте
<cite>
для переноса имени сообщения.Используйте
<footer>
, чтобы обернуть информацию об авторе и информацию о блоге.Используйте
<address>
, чтобы обернуть ссылку автора и имя.Используйте
rel="author"
, чтобы аннотировать ссылку именем автора.Используйте
itemprop="isPartOf"
, чтобы связать пост с блогом.
Это моя незавершенная работа Источник HTML:
<!-- Hello World authored by Alice posted on Bob's blog -->
<div class="citation">
<article itemscope itemtype="http://schema.org/BlogPosting">
<header>
<h1 itemprop="headline">
<a itemprop="url" href="…">
<cite itemprop="name">Hello World</cite>
</a>
</h1>
</header>
<footer>
authored by
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
<address>
<a itemprop="url" rel="author" href="…">
<span itemprop="name">Alice</span>
</a>
</address>
</span>
posted on
<span itemprop="isPartOf" itemscope itemtype="http://schema.org/Blog">
<a itemprop="url" href="…">
<span itemprop="name">Bob's blog</span>
</a>
</span>
</footer>
</article>
</div>
Связанные заметки на данный момент:
Ссылка на тег
<cite>
W3 говорит, что тег является «уровнем фразы», поэтому он работает как встроенный диапазон, а не блок div. Но тег<article>
, похоже, выигрывает от использования<h1>
,<header>
,<footer>
. Насколько я могу судить, спецификация не дает решения для цитирования статьи с использованием<cite>
для переноса<article>
. Есть ли решение для этого или обходной путь? (Незавершенная работа искажает это, используя<div class="citation">
)Ссылка на тег
<address>
W3 говорит о содержимом: «Элемент адреса не должен использоваться для представления произвольных адресов, если только эти адреса на самом деле не являются соответствующей контактной информацией». Насколько я могу судить, спецификация не дает решения для маркировки URL-адреса и имени автора статьи, в отличие от контактной информации статьи. Есть ли решение для этого или обходной путь? (Незавершенная работа искажает это, используя<address>
для URL-адреса и имени автора)
Пожалуйста, задавайте вопросы в комментариях. Я обновлю этот пост, когда узнаю больше.
cite
— это встроенный стиль, и вы оборачиваете его вокруг нескольких блоков (h1, статьи, нижнего колонтитула и заголовка). Я также хочу сказать, чтоaddress
также используется неправильно, если URL-адрес не ведет на страницу с ее контактной информацией. - person Ryan B   schedule 01.12.2014