Ich habe eine Seite, die aus verschiedenen "Abschnitten" wie Videos, einem Newsfeed usw. besteht. Ich bin etwas verwirrt, wie ich diese mit HTML5 darstellen soll. Derzeit habe ich sie als HTML5 <section>
, aber bei näherer Betrachtung sieht es so aus, als wären sie das korrektere Tag <article>
. Könnte mir jemand etwas Licht ins Dunkel bringen?
Keines dieser Dinge sind Blog-Posts oder "Dokumente" im wahrsten Sinne des Wortes, daher ist es schwierig zu erkennen, welches Element angewendet werden soll.
Prost
BEARBEITEN: Ich habe mich für die Verwendung des article
Tags entschieden, da es sich anscheinend um ein Container-Tag für nicht verwandte Elemente handelt, bei denen es sich vermutlich um meine "Abschnitte" handelt. Der eigentliche Tagname-Artikel scheint jedoch eher irreführend zu sein, und obwohl sie sagen, dass HTML5 mit größerer Berücksichtigung für Webanwendungen entwickelt wurde , finde ich, dass viele Tags eher blog-zentriert / dokumentbasiert sind.
Trotzdem danke für deine Antworten, es scheint ziemlich subjektiv zu sein.
section
'sAntworten:
Auf der W3-Wiki-Seite zur Strukturierung von HTML5 heißt es:
Und zeigt dann ein Bild an , das ich aufgeräumt habe:
Außerdem wird beschrieben, wie das
<article>
Tag verwendet wird (über denselben W3-Link oben):quelle
main
.Klingt so, als sollten Sie jeden der "Abschnitte" (wie Sie sie nennen) in
<article>
Tags und Einträge im Artikel in<section>
Tags einschließen.Die HTML5-Spezifikation sagt (Abschnitt):
Und für Artikel
Ich denke, was Sie im OP "Abschnitte" nennen, passt zur Definition des Artikels, da ich sehe, dass sie unabhängig voneinander verteilbar oder wiederverwendbar sind .
Update: Einige geringfügige Textänderungen
article
im neuesten Editor-Entwurf für HTML 5.1 (Änderungen in Kursivschrift):Außerdem Diskussion auf der öffentlichen HTML-Mailingliste über
article
im Januar und Februar 2013.quelle
Article 1, Section 2, Clause 3
. Ich hoffe, das hilft mir, mich an die Logik zu erinnern.article
als "Widget" fungiert.section
: "thematische Gruppierung" und "Abschnitt eines Dokuments".article
: "in sich geschlossen" und "Widget". Betrachten Sie ein Homepage-Beispiel wie codepen.io/anon/pen/iDEwfsection
es sich um eine thematische Gruppierung von Inhalten handelt und dassarticle
es sich um ein eigenständiges Element handelt (dh, das in ein Thema gruppiert werden könnte). Stellen Sie es sich wie eine Zeitung vor: In jedem Abschnitt finden Sie viele Artikel. Zum Beispiel Artikel zur Filmkritik im Bereich Unterhaltung.Ich würde
<article>
für einen Textblock verwenden, der völlig unabhängig von den anderen Blöcken auf der Seite ist.<section>
Andererseits wäre es ein Teiler, ein Dokument zu trennen, das miteinander in Beziehung steht.Ich bin mir nicht sicher, was Sie in Ihren Videos, Newsfeeds usw. haben, aber hier ist ein Beispiel (es gibt kein WIRKLICHES Richtig oder Falsch, nur eine Richtlinie, wie ich diese Tags verwende):
Wie Sie sehen können, sind die Abschnitte immer noch für einander relevant, aber solange sie sich in einem Block befinden, der sie gruppiert. Abschnitte dürfen NICHT in Artikeln enthalten sein. Sie können sich im Hauptteil eines Dokuments befinden, aber ich verwende Abschnitte im Hauptteil, wenn das gesamte Dokument ein Artikel ist.
z.B
Hoffe das macht Sinn.
quelle
I'd use <article> for a text block that is totally unrelated to the other blocks on the page.
Ich weiß, dass Sie dies bereits 2011 geschrieben haben, aber ist das nicht der<aside>
Zweck des Tags?Ich halte mich gerne an die Standardbedeutung der verwendeten Wörter: Ein
article
würde für Artikel gelten. Ich würde Blog-Beiträge, Dokumente und Nachrichtenartikel als definierenarticles
. Abschnitte hingegen würden sich auf Layout- / UX-Elemente beziehen: Seitenleiste, Kopfzeile, Fußzeile wären Abschnitte. Dies ist jedoch alles meine persönliche Interpretation - wie Sie betont haben, sind die Spezifikationen für diese Elemente nicht genau definiert.Das w3c unterstützt dies und definiert ein
article
Element als einen Inhaltsabschnitt, der unabhängig voneinander stehen kann. Ein Blog-Beitrag kann als wertvoller und konsumierbarer Inhalt für sich allein stehen. Ein Header würde dies jedoch nicht tun.Hier ist ein interessanter Artikel über den Wahnsinn eines Mannes, wenn er versucht, zwischen den beiden neuen Elementen zu unterscheiden. Der grundlegende Punkt des Artikels, den ich auch für richtig halte, besteht darin, zu versuchen, das Element zu verwenden, von dem Sie glauben, dass es tatsächlich das darstellt, was es enthält.
Hier ist eine sehr gute Antwort auf die gleiche Frage hier auf SO
quelle
Das folgende Flussdiagramm kann bei der Auswahl eines der verschiedenen semantischen HTML5-Elemente hilfreich sein:
quelle
Sektion
mid
,left
,right
, etc ..Artikel
Verwenden Sie diese Option, wenn Sie unabhängige Inhalte haben, die für sich genommen sinnvoll sind.
Artikel hat seine eigene vollständige Bedeutung.
quelle
Ein Abschnitt ist im Grunde ein Wrapper für
h1
(oder andereh
Tags) und den Inhalt, der diesem entspricht. Anarticle
ist im Wesentlichen ein Dokument in Ihrem Dokument, das wiederholt oder paginiert wird. So kann jeder Blog-Beitrag in Ihrem Dokument ein Artikel sein oder jeder Kommentar in Ihrem Dokument kann ein Artikel sein.quelle
auch für syndizierten Inhalt "Autoren werden aufgefordert, das Artikelelement anstelle des Abschnittselements zu verwenden, wenn es sinnvoll wäre, den Inhalt des Elements zu syndizieren."
quelle
Meine Interpretation lautet: Ich denke, YouTube hat einen Kommentarbereich und im Kommentarbereich gibt es mehrere Artikel (in diesem Fall Kommentare).
Ein Abschnitt ist also wie ein Div-Container, der Artikel enthält.
quelle
Artikel und Abschnitt sind beide semantische Elemente von HTML5. Der Abschnitt ist ein allgemeiner Abschnitt einer Webseite auf Blockebene, der jedoch für den Inhalt unserer Webseite relevant ist. Artikel ist auch Blockebene, aber Artikel bezieht sich auf einen einzelnen Blog-Beitrag, einen Kommentar, einer Webseite.
Sowohl Artikel als auch Abschnitt sollten Überschriftenelemente h2-h6 enthalten.
Verwenden Sie für einen Blog-Beitrag die folgende Syntax für Artikel und Abschnitt.
quelle