Какой лучший тег HTML5 используется для разметки отрывков блога?

Это общий шаблон для блогов, где есть архивные страницы (например, по дате или категории), в которых перечислены соответствующие записи в блогах, а также выдержки (абзац или) и ссылка. Однако я не могу решить, какой из элементов HTML5 лучше всего использовать для отдельных сообщений.

Тег <article> может показаться подходящим (и, конечно, если бы вы отображали весь контент), но я не уверен, подходит ли он для выдержек. В спецификации говорится:

Элемент статьи представляет собой автономную композицию в документе, странице, приложении или сайте и, в принципе, независимо распределяемую или повторно используемую, например. в синдикации.

Является ли выдержка действительно автономной и независимо распространяемой частью контента? Я не уверен.

Другими параметрами могут быть теги <blockquote> (но было бы странно цитировать ваши собственные сообщения) или просто список <ol> (упорядоченный по дате публикации), содержащий заголовки и абзацы.

Любые мысли?

Ответы

Ответ 1

Я бы использовал:

 <li>
    <blockquote cite="original URL">
    </blockquote>
 </li>

<blockquote> наиболее подходит для этого:

Элемент blockquote представляет собой раздел, который цитируется из другого источника.

Цитата себя не странно. Определение элемента не означает, что вы должны процитировать кого-то еще. Вы цитируете документ, который живет под другим URL-адресом.

Я думаю, что <article> (вместо <li>) будет приемлемым, но это не обязательно (определение статьи довольно слабое, оно должно иметь был вызван <infolump>;)

Мой тест лакмуса для <article> заключается в том, будет ли он полезен в фиде RSS/Atom, и вы можете найти каналы только с выдержками из статьи.

Элемент <summary> является лишь частью <details>, который имеет другую цель.

<aside> описывает роль содержимого внутри страницы. Когда выдержки являются основной частью страницы архива, это не является тангенциальным контентом. OTOH, если бы это был раздел "См. Также" на странице сообщения, тогда <aside> был бы идеальным.

Ответ 2

Я считаю, что наиболее семантический способ сделать это - использовать как <article> AND <blockquote>, в сочетании с <h1>:

<article>
    <h1>Post title here</h1>
    <div class="meta">author, date, categories, tags, whatever</div>
    <blockquote>
        Excerpt
    </blockquote>
    <a href="/full/article">Read full Post</a>
</article>

Статья здесь состоит из того, что вы можете ожидать: заголовок, контент и некоторые мета. Я думаю, что эта часть довольно прямолинейна.
Однако он также ссылается на статью, поэтому контент обернут в блок-образец. Он цитирует часть статьи, к которой он приводит ссылки. Выдержка - часть статьи. Кусок, который просто случается в начале.

Этот метод - это то, что я смог вывести из всей документации и спецификаций, в любом случае.

И да, вы можете использовать несколько тегов <h1> на одной странице, если это имеет смысл. Посмотрите http://html5doctor.com/html5-seo-search-engine-optimisation/:

Новый алгоритм HTML5, который позволяет выделить несколько страниц <h1> на странице. Мы задаем много вопросов о том, будут ли разработчики наказаны Google, которые, согласно мифу, запретили это.

Я говорю "миф", потому что Google всегда допускал множественные <h1> на странице, при условии, что его органическая, а не попытка игры в систему.

Ответ 3

<aside> кажется уместным. Согласно спецификации:

Отложенный элемент представляет собой раздел страницы, состоящей из содержимого что касательно связано с содержимое вокруг элемента в стороне и которые можно считать отдельными из этого контента. Такие разделы часто представлены в виде боковых печатная типография.

В этом случае ваши соответствующие сообщения касательно связаны с содержимым страницы. Я думаю, что это именно тот тип контента, который предназначался для сторонников.

Ответ 4

Определенно не в стороне, поскольку выдержки не связаны с чем-то еще на странице. Это должна быть статья, я думаю.

Как насчет <article><summary>Excerpt here</summary></article>?