Znaczniki znaczników sekcji HTML5?
wiem jest mnóstwo pytań na ten temat, ale nie mogę znaleźć wiarygodnego źródła odpowiedzi.
To jestoficjalna definicja istrona wikii tam jestwięcej dokumentacji, ale nie wyjaśniają poprawnego użycia, jeśli nie w bardzo prostych przykładach lub na różne sposoby.
Co do tej pory „zrozumiałem”:
<section>
definiuje część (sekcję) strony, np. blogrolle, wiadomości z nagłówków, listę wpisów na blogu, listę komentarzy i wszystko, co może dotyczyć wspólnego tematu.
<article>
definiuje treść, która ma sens oderwany od reszty strony (?) i która ma jeden temat (wpis na blogu, komentarz, artykuł itp.).
Ale, wewnątrz<article>
, możemy podzielić części na sekcje za pomocą<section>
iw tym przypadku ma funkcję kontenera do oznaczania rozdziałów większego tekstu.
Jeśli te zdania są poprawne (lub częściowo poprawne), oznacza to<section>
ma dwa zupełnie różne przypadki użycia.
Moglibyśmy napisać stronę w ten sposób:
<!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>
I tak wygląda zarys:
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:
Więc<section>
jest uważany za dwacałkowicie różne i nie związane ze sobą znaczenia semantyczne?
Czy to prawidłowe użycie:
<!-- MY DOUBT -->
<section> <!-- USED AS CONTAINER -->
<article>
<section></section> <!-- USED AS CHAPTER -->
</article>
</section>
w ten czysty sposób?
Znalazłem tojest możliwe używać odwrotnie:
<!-- FROM W3C -->
<article> <!-- BLOG ENTRY -->
<section> <!-- USED AS CHAPTER ABOUT COMMENTS -->
<article></article> <!-- COMMENT -->
</section>
</article>
Ale nie mogę znaleźć odpowiedzi na sposób, który napisałem poniżej.
Przypuszczam, że przeczytałem dyskusję, w której grupa W3C napisała podstawę<section>
tag może być przydatny, ale nie mogę go znaleźć.
N.B. Szukam odpowiedzi udokumentowanych źródłami autorskimi