HTML5, <section>внутри неупорядоченного списка

Question

Могу ли я использовать тег <section> внутри неупорядоченного списка?

Я знаю, что <section> представляет общий раздел документа. Обычно мы находим заголовок внутри.

Итак ... У меня есть список продуктов. Обычно около 20 на страницу. Каждый элемент имеет:

• заголовок

• краткое описание (максимум 255 символов),

• миниатюра, некоторые детали, кнопка.

Таким образом, каждый элемент списка является чем-то вроде секции, "is a thematic grouping of content, typically with a heading".

Конечно, я не использую, <section> для стилизации.

Я думаю, <section> также может быть здесь оберткой для списка, и каждый элемент списка <article>.

Каково ваше мнение?

Answer 1

Использование тега <section> внутри тега <li> подтверждает (вы можете попробовать это, используя опцию «Текстовое поле» на http://html5.validator.nu/),, и в спецификации, похоже, не рекомендуется использовать его таким образом (см. http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element),, так что мне кажется, хорошо.

Тег <article> предназначен для «автономных композиций» . Я никогда не мог до конца понять, что это означает, если не считать нескольких постов в блоге, перечисленных на одной странице, но я думаю, что резюме продуктов тоже неплохо подходят для этого. Так что ваша вторая идея <section>, содержащая весь список, и <article> для каждого продукта, вероятно, звучит лучше всего.

Answer 2

Список DO…

DO использовать раздел для каждого отдельного раздела переключателя вкладок или ползунка содержимого (если неупорядоченный список не требуется)
DO use sectionразделить длинную страницу «Условия и положения» (или аналогичную) на пронумерованные разделы
СЛЕДУЕТ вкладывать элементы раздела в случае необходимости (как вы могли бы сделать со страницей «Условия и положения»)

AСписок DON'Ts…

НЕ используйте раздел, чтобы отделить содержимое от верхнего и нижнего колонтитула;вместо этого используйте div (обратитесь к врачу)
НЕ используйте раздел, чтобы обернуть переключатель вкладок для манипулирования или стилизации DOM
НЕ используйте раздел для боковой панели или других касательно связанных блоков содержимого;используйте вместо
НЕ используйте раздел только для того, чтобы добавить рамку или тень вокруг чего-либо;вместо этого используйте div
НЕ используйте раздел для оболочки при реализации поддельных столбцов;опять же, используйте div вместо
НЕ используйте section для вложения элементов при попытке избежать ошибки с двойным полем в IE6 (или аналогичной проблемы, связанной с компоновкой);опять же, используйте div
НЕ используйте раздел, чтобы держать биографию отдельного автора в сообщении в блоге или новостной статье;используйте вместо этого

Украдено у Когда использовать HTML5-элемент «section»