HTML: я должен использовать фигуру и figcaption для (видео) тизер элемента

Question

У меня есть список тизеров вида:

<ul> 
    <li> 
    <a href="#"> 
     <article> 
     <h1>Title of Video</h1> 
     <img src="thumbnail.jpg"> 
     <p>Something about the video</p> 
     </article> 
    </a> 
    </li> 
    <li> 
    <a href="#"> 
     <article> 
     <h1>Title of Video</h1> 
     <img src="thumbnail.jpg"> 
     <p>Something about the video</p> 
     </article> 
    </a> 
    </li> 
    <li> 
    <a href="#"> 
     <article> 
     <h1>Title of Video</h1> 
     <img src="thumbnail.jpg"> 
     <p>Something about the video</p> 
     </article> 
    </a> 
    </li> 
</ul> 

Должен ли я использовать <figure> и <figcaption> вместо <article>?

Насколько я понимаю, я должен использовать эти теги только в том случае, если текст напрямую описывает то, что видно на картинке, а не в случае, описанном выше.
Но, может быть, я ошибаюсь ...

Answer 1

Я бы не использовать figure, как я всегда думал, что figure называют больше содержания, которое объясняет или усиливает основную статью. Он не будет отображаться в наброске документа и, возможно, может быть отодвинут как автономный контент, не сделав сам или основной документ непригодным для использования. Похоже, что ни одно из этих условий действительно не применяется в этом случае, но это может зависеть от цели вашего основного документа.

Поскольку тизеры не являются автономным контентом и не могут быть действительно синдицированы индивидуально (самими видео являются статьи, другими словами), я бы использовал section, а не article.

Answer 2

Я не думаю, что figure будет хорошим выбором, потому что

• у вас есть больше, чем просто основное содержание (т.е. миниатюрного изображения) и подписи (то есть, описание), а именно: заголовок и
• figcaption необходимо будет аннотировать содержание figure, которое в вашем случае является миниатюрным изображением, а не самим видео, но на самом деле не имеет смысла предоставлять надпись для эскиза.

Но даже если figure может быть уместным, я думаю, с помощью article является лучшим выбором:

• Это позволяет использовать author link type, если вы решите сделать ссылку на видео автора (который в сам по себе является хорошим индикатором того, что article уместен здесь: потому что у контента может быть другой автор, чем автор страницы).

• Он позволяет использовать ссылку bookmark link type для ссылки на видео (опять же знак, что article предназначен для такого случая).

Если вы будете использовать bookmark типа или нет, a должна быть частью article:

<article> 
    <a href="" rel="bookmark"> 
     <h1>Title of Video</h1> 
     <img src="thumbnail.jpg" alt=""> 
     <p>Something about the video</p> 
    </a> 
    </article>