Элемент для карты / карты-контейнера в HTML5?

Question

Спецификация для article стихия говорит:

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

Так что, если я создаю веб-сайт, где на его главной странице у меня есть карточки, на которые можно нажимать и которые ведут на страницу статьи, было бы лучше - в семантической форме - если бы эта карточка была section или article элемент?

Answer 1

Это может быть целесообразно использовать article элемент для пост тизеров. Это зависит от того, какой контент вы показываете. Например:

• Да: если вы показываете заголовок, описание, изображение, имя автора и дату публикации, вы обязательно должны использовать article элемент.
• Нет: если вы показываете только заголовок, article элемент не будет гарантирован, потому что каждый тизер станет записью в схеме документа (как article является элементом контента секционирования), но нет смысла вводить схему, если она не содержит никакого дополнительного контента.
• Возможно: что-то среднее. Название и дата? Возможно нет. Название и описание? Вероятно, да.

Если вы решили использовать article (и только потом!), вы можете использовать bookmark тип ссылки для ссылки на полную страницу статьи. Это может быть намек на то, что ваш article не "полная вещь".

Если вы решили не использовать article, не используйте section, Если выбирать между article а также section, article правильный выбор для тизера. Но если article не подходит, вы не должны использовать другой элемент содержимого секционирования, но что-то вроде p и / или ul (и без заголовочных элементов).