статья, раздел или div для списка продуктов?

Question

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

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

Iрассматриваю тег статьи, но я не могу найти пример его использования за пределами блога.Я заметил, что люди считают, что это приемлемо для отдельных товаров (страниц товаров), но какой подход следует использовать для просмотра списков товаров?

Answer 1

Спецификация section очень поучительна:

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

Примечание. Элемент section не является общим элементом контейнера.Когда элемент нужен для стилизации или для удобства написания сценариев, авторам рекомендуется использовать вместо этого элемент div.

Если ряд элементов тематически связан и может быть сгруппирован под общим названием (например, «Обувь»), то оберните продукты в section.

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

Для полноты article тег представляет (с той же страницы):

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

, поэтому ваши элементы длякаждая продажа будет article в пределах section.

В качестве последнего примечания, я бы не обернул всю страницу в <div role="main">: конечно, заголовок находится снаружи основного содержания.