Использование элемента раздела для стилистической компоновки и обертки

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

Разделяет ли раздел сам по себе семантический смысл, который препятствует его использованию для оберток?

Почти каждая страница, которую я использую, имеет некоторую оболочку или стилистическую компоновку. Хотелось бы поэтапно отключить div, интересно, могут ли разделы использоваться для оберток и по-прежнему быть семантически корректными.

Ответ 1

Да, элемент section имеет "неотъемлемое семантическое значение". См. Определения в спецификации HTML5:

div элемент:

Элемент div не имеет особого значения.
section элемент:

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

Чтобы понять, о чем идет речь, см. мой ответ по вопросу значения тега раздела HTML5?.

Наиболее важным аргументом для использования section в качестве оболочки для CSS/JS является: каждый section создает запись в outline вашего документа.

Не используйте section как обертку в том виде, как вы ее описали. Вместо этого используйте div (соответственно span).

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

Ответ 2

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