Это семантически правильно использовать элемент section
в качестве основного раздела контента страницы?
Раздел как основной раздел
ответ
В целом, нет.
Что мы делаем неправильно используем раздел, чтобы обернуть содержание, чтобы стиль его, или разграничить основную область содержимого из нав заголовок, нижний колонтитул и т.д. Эти это задания для div, а не раздела.
С этой статьей был изобретен элемент <main>
для вашего точного прецедента.
Вы могли бы, но я призываю вас использовать новый main
элемент вместо этого!
например.
<main role="main">
</main>
См the main element и further examples on using the main element.
Вы можете сказать, что вы неявно используете section
, как только у вас есть заголовок (h1
- h6
), который не является заголовком элемента секционирования.
Таким образом, эти два документа семантически эквивалентны:
1)
<body>
<h1>John's cool site</h1>
<nav>…</nav>
<h2>A nice article</h2> <!--- main content starts with this heading -->
<p>I like bees.</p>
</body> <!-- main content ends at the end of the document -->
2)
<body>
<h1>John's cool site</h1>
<nav>…</nav>
<section><!--- main content starts with this opening tag -->
<h2>A nice article</h2> <!-- now you could use h1 here, too -->
<p>I like bees.</p>
</section><!-- main content ends with this closing tag -->
</body>
Так что, да, вы можете использовать section
для основного содержания (во многих случаях article
было бы более подходящим, хотя). Вы можете использовать section
для каждые группа заголовка-контента (если, конечно, не должно использоваться article
, nav
или aside
).
Как только вы используете элементы секционирования для всех этих групп заголовков, вы можете использовать h1
всюду.
Есть даже некоторые краевые случаи, где вам потребуется явно использовать элемент секционирования для основного содержимого. А именно, если ваша страница содержит контент, который не является частью основного контента, и который не подходит для header
, footer
или address
(а не aside
/nav
). Если вы не использовали бы section
(или article
) в таком случае, этот контент по-прежнему будет принадлежать основному контенту.
Более (я бы даже сказал, очень) общий пример, в котором вы должны использовать section
/article
для основного контента будет страница, на которой нужно отдельное header
/footer
для основного содержания, например, страница блога: вся страница может содержать footer
(в которой содержится информация обо всем блоге). Теперь, если бы мы не использовали элемент секционирования для основного контента (→ сообщение в блоге), у нас не могло быть отдельного footer
(с информацией об авторе, тегами, категориями и т. Д.) только для этой статьи.
<body>
<h1>John's blog</h1>
<article>
<h1>My first blog post</h1>
<p>…</p>
<footer> <!-- applies to the blog post only (article) -->
Tags: introduction, aboutme
</footer>
</article>
<footer> <!-- applies to the whole page (body) -->
Blog of John Doe — 2013
<p><small>All content licensed under Creative Commons</small></p>
</footer>
</body>
Так что я бы посоветовал: если сомневаетесь, используйте Явно section
/article
для основного содержания страницы.
- 1. PHP, если раздел Основной вопрос
- 2. Раздел «Внутренний раздел Android»
- 3. Редактируемый раздел Drupal Раздел
- 4. Раздел Html5 или не раздел?
- 5. Критический раздел, содержащий другой критический раздел?
- 6. Организация сайта Раздел администратора - раздел пользователя MVC
- 7. SQL-счетчик и отдельный раздел и раздел
- 8. Раздел фона переполнен в другой раздел
- 9. выполненный раздел
- 10. Бесперебойного раздел
- 11. ApplicationContentUriRules раздел
- 12. UITableview Раздел?
- 13. Как разделить раздел подробно
- 14. Как обновить конкретный раздел?
- 15. Как удалить раздел CubeGeometry?
- 16. как выбрать раздел диапазонов
- 17. Как отобразить раздел-контейнер
- 18. Как создать раздел IIS
- 19. как numpy раздел работа
- 20. Как продвигается HTML-раздел
- 21. Как декодировать раздел debug_line?
- 22. Как использовать критический раздел?
- 23. Nagivation/Раздел Проблема
- 24. last_value раздел
- 25. Центральный раздел?
- 26. admininstration раздел
- 27. Как добавить раздел в раздел с использованием jquery
- 28. Получить раздел конфигурации
- 29. @media раздел не отвечает
- 30. Раздел администратора в CakePHP
[Я бы сказал] (http://stackoverflow.com/a/14894715/1591669): широко, да. В противном случае у вас не может быть отдельного 'header' /' footer', который принадлежит только основному контенту по сравнению со всей страницей. – unor