Моя цель - процитировать сообщение в блоге с помощью микроданных 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 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 blog</span>
</a>
</span>
</footer>
</article>
</div>
Связанные примечания:
-
В теге
<cite>
тег W3 говорится, что тег - это "уровень фразы", поэтому он работает как встроенный диапазон, а не div блока. Но тег<article>
, по-видимому, выигрывает от использования<h1>
,<header>
,<footer>
. Насколько я могу судить, спецификация не дает решения для цитирования статьи, используя<cite>
для обертывания<article>
. Есть ли решение для этого или обходного пути? (Проделанная работа подталкивает это, используя<div class="citation">
) -
В теге
<address>
тег W3 говорится о содержании "Элемент адреса не должен использоваться для представления произвольных адресов, если эти адреса фактически не являются соответствующей контактной информацией". Насколько я могу судить, спецификация не дает решения для обозначения URL-адреса автора статьи и имени, в отличие от контактной информации статьи. Есть ли решение для этого или обходного пути? (Проделанная работа подталкивает это, используя<address>
для URL-адреса автора и имени)
Пожалуйста, задавайте вопросы в комментариях. Я буду обновлять этот пост, когда узнаю больше.