Лучшая разметка HTML5 для боковой панели
Я настраиваю свои боковые панели WordPress для темы HTML5 и действительно желаю использовать before_widget и after_widget правильно.
Таким образом, мой вопрос - это: какой из двух шаблонов разметки является более соответствующим? Следующий код все полностью вне <article> элемент.
Опция 1: В стороне с разделами
<aside id="sidebar">
<section id="widget_1"></section>
<section id="widget_2"></section>
<section id="widget_3"></section>
</aside>
Опция 2: отделение с Asides
<div id="sidebar">
<aside id="widget_1"></aside>
<aside id="widget_1"></aside >
<aside id="widget_1"></aside >
</div>
Я предполагаю, что вспомогательный вопрос затем что, направляясь для использования для каждого заголовка виджета. Если я переношу каждый виджет в a <section> затем <h1> кажется самым соответствующим. Если я использую <aside>, Я не уверен.
Все приветствующиеся мнения. Защитники дьявола поощряются.
2 ответа
Книга HTML5 Инструкции для Веб-разработчиков: Структура и Семантика для Документов предложили этот путь (опция 1) :
<aside id="sidebar">
<section id="widget_1"></section>
<section id="widget_2"></section>
<section id="widget_3"></section>
</aside>
Это также указывает, что можно использовать разделы в нижнем колонтитуле. Таким образом, раздел может использоваться за пределами фактического содержания страницы.
В СТОРОНЕ был с тех пор изменен для включения вторичного содержания также.
у Доктора HTML5 есть большая рецензия на нем здесь: http://html5doctor.com/aside-revisited/
Выборка:
С новым определением в стороне, it’s крайне важный, чтобы остаться знать о его контексте.> При использовании в элементе статьи содержание должно быть конкретно связано> с той статьей (например, глоссарий). При использовании за пределами элемента статьи,> содержание должно быть связано с сайтом (например, ссылки на блоги, группы дополнительных> навигация и даже реклама, если то содержание связано со страницей).