HTML5 Abschnitt Tag Bedeutungen?
Ich kenne Es gibt Unmengen von Fragen zu diesem Thema, aber ich kann keine maßgebliche Quelle für die Antwort finden.
Dies ist dasoffizielle Definition und dasWiki-Seiteund da ist esmehr Dokumentation, aber dort erklären sie nicht die korrekte Verwendung, wenn nicht in sehr einfachen Beispielen oder auf unterschiedliche Weise.
Was ich bisher "verstanden" habe:
<section>
Definiert einen Teil (Abschnitt) der Seite, wie z. B. Blogrolls, Schlagzeilen, Blogeinträge, Kommentare und alles, was mit einem gemeinsamen Thema zu tun haben kann.
<article>
Definiert einen Inhalt, dessen Sinn vom Rest der Seite abweicht (?) und der ein einziges Thema hat (Blogeintrag, Kommentar, Artikel usw.).
Aberin einem<article>
können wir Teile davon abschnittsweise mit teilen<section>
, und in diesem Fall hat es die Funktion eines Containers, um Kapitel eines größeren Textes zu markieren.
Wenn diese Sätze richtig (oder teilweise richtig) sind, bedeutet das, dass<section>
hat zwei völlig verschiedene Anwendungsfälle.
Wir könnten eine Seite so schreiben lassen:
<!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>
Und so sieht die Gliederung aus:
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:
Also die<section>
ist mit zwei gedachtvollständig andere und nicht verwandte semantische Bedeutungen?
Ist es richtig zu benutzen:
<!-- MY DOUBT -->
<section> <!-- USED AS CONTAINER -->
<article>
<section></section> <!-- USED AS CHAPTER -->
</article>
</section>
auf diese versaute Weise?
Ich habe das gefundenist möglich umgekehrt zu verwenden:
<!-- FROM W3C -->
<article> <!-- BLOG ENTRY -->
<section> <!-- USED AS CHAPTER ABOUT COMMENTS -->
<article></article> <!-- COMMENT -->
</section>
</article>
Aber ich kann keine Antwort auf die Art und Weise finden, wie ich unten geschrieben habe.
Ich schätze, ich habe die Diskussion gelesen, in der die W3C-Gruppe die Grundlage für das geschrieben hat<section>
tag könnte nützlich sein, aber ich kann es nicht finden.
N.B. Ich suche nach Antworten mit Quellenangaben