Obwohl ich Seiten auf den Seiten über die Tags <article> und <section> gelesen habe, verstehe ich wirklich nicht, wie man sie auf meine Site anwendet.
Ich habe am Ende der Seite eine Produktseite mit verwandten Produkten. Zuerst dachte ich über etwas wie das nach:
%Vor% Aber dann habe ich ein paar andere Blogs gelesen und mir ist aufgefallen, dass ich die <section> -Tags durch <article> -Tags ersetzen sollte.
Was ist richtig und warum? Danke.
Abschnitt
Das Abschnittselement repräsentiert einen generischen Abschnitt eines Dokuments oder einer Anwendung. Ein Abschnitt ist in diesem Zusammenhang eine thematische Gruppierung von Inhalten. Das Thema jedes Abschnitts sollte identifiziert werden, indem normalerweise eine Überschrift (h1-h6-Element) als untergeordnetes Element des Abschnitts eingefügt wird.
Artikel
Das Artikelelement stellt eine vollständige oder in sich geschlossene Zusammensetzung in einem Dokument, einer Seite, einer Anwendung oder einer Site dar und ist im Prinzip unabhängig verteilbar oder wiederverwendbar, z. in der Syndizierung. Dies kann ein Forenbeitrag, ein Magazin oder ein Zeitungsartikel, ein Blog-Eintrag, ein von Benutzern eingereichter Kommentar, ein interaktives Widget oder Gadget oder ein anderes unabhängiges Inhaltselement sein.
Wenn Artikelelemente verschachtelt sind, repräsentieren die inneren Artikelelemente Artikel, die im Prinzip mit dem Inhalt des äußeren Artikels verwandt sind. Ein Blogeintrag auf einer Website, der vom Benutzer übermittelte Kommentare akzeptiert, könnte beispielsweise die Kommentare als Artikelelemente darstellen, die im Artikelelement für den Blogeintrag verschachtelt sind.
Direkt von der W3 Ссылка
In ihrem Beispiel haben sie eine article innerhalb einer section innerhalb einer article verschachtelt. Ich würde sagen, Sie verwenden es definitiv richtig.
<article> ist für ein unabhängiges Stück Inhalt, das Sinn machen sollte, selbst wenn der gesamte umgebende Inhalt entfernt wird. <section> ist eher ein generischer Container, der dem div-Tag sehr ähnlich ist und hauptsächlich für die Inhaltsstrukturierung verwendet wird. Der richtige Code sollte also so aussehen:
Auch HTML 5 Arzt hat ein großartiges Flussdiagramm , wenn Sie verwirrt werden, wenn Sie das richtige semantische Element für HTML5 auswählen deine Bedürfnisse. Sie können es versuchen und sehen, ob es hilft.
Im HTML5-Standard definiert das <"article"> -Element einen vollständigen, in sich geschlossenen Block verwandter Elemente.
Das Element <"section"> ist als ein Block verwandter Elemente definiert.
Können wir anhand der Definitionen entscheiden, wie Elemente verschachtelt werden? Nein, können wir nicht!
Im Internet finden Sie HTML-Seiten mit <"section"> -Elementen, die <"article"> -Elemente enthalten, und <"article"> -Elemente, die <"sections"> -Elemente enthalten.
Sie finden auch Seiten mit <"section"> -Elementen, die <section> -Elemente enthalten, und <article> -Elemente, die <"article"> -Elemente enthalten.
Von rechts: Ссылка