Значения тегов раздела HTML5?
я знаю Есть множество вопросов по этой теме, но я не могу найти авторитетный источник для ответа.
Этоофициальное определение ивики-страница, а там естьбольше документации, но там они не объясняют правильное использование, если не в очень простых примерах или по-разному.
Что я "понял" до сих пор:
<section>
определяет часть (раздел) страницы, такую как blogrolls, заголовки новостей, список записей в блоге, список комментариев и все, что может быть с общей темой.
<article>
определяет контент, который имеет смысл, удаленный от остальной части страницы (?) и который имеет одну тему (запись в блоге, комментарий, статья и т. д.).
Новнутри<article>
мы можем разделить его на части, используя<section>
и в этом случае он имеет функцию контейнера, чтобы отмечать главы большего текста.
Если эти предложения верны (или частично верны), это означает, что<section>
имеет два совершенно разных варианта использования.
Мы могли бы иметь страницу, написанную таким образом:
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>Fruits</title>
</head>
<body>
<h1>Fruits war blog</h1>
<section id="headlineNews"> <!-- USED AS CONTAINER -->
<h1>What's new about fruits?</h1>
<article><h1>Apples are the best</h1>Apples are better than bananas</article>
<article><h1>Apple's cakes</h1>With apples you can prepare a cake</article>
</section>
<section id="blogEntries"> <!-- USED AS CONTAINER -->
<h1>Articles about fruits</h1>
<article>
<h1>Apples vs Bananas</h1>
<section> <!-- USED AS CHAPTER -->
<h2>Introduction:</h2>
Bananas have always leaded the world but...
</section>
<section> <!-- USED AS CHAPTER -->
<h2>The question:</h2>
Who is the best? We don't know so much about apples...
</section>
</article>
</section>
</body>
</html>
И вот как выглядит Outline:
1. Fruits war blog
1. What's new about fruits?
1. Apples are the best
2. Apple's cakes
2. Articles about fruits
1. Apples vs Bananas
1. Introduction:
2. The question:
Так что<section>
считается с двумяукомплектовать разные и не связанные смысловые смыслы?
Это правильно использовать:
<!-- MY DOUBT -->
<section> <!-- USED AS CONTAINER -->
<article>
<section></section> <!-- USED AS CHAPTER -->
</article>
</section>
таким неотложным образом?
Я нашел этовозможно использовать в обратном порядке:
<!-- FROM W3C -->
<article> <!-- BLOG ENTRY -->
<section> <!-- USED AS CHAPTER ABOUT COMMENTS -->
<article></article> <!-- COMMENT -->
</section>
</article>
Но я не могу найти ответ на то, как я написал ниже.
Я думаю, что прочитайте обсуждение, где группа W3C написала основу<section>
тег может быть полезен, но я не могу его найти.
Нотабене Я ищу ответы, документированные с авторитетными источниками