Welches Element sollte eine Galerie in HTML5 sein?

Question

Wenn ich eine Bildergalerie in HTML5 mache, sollte es irgendein semntic-Tag wie section oder article haben, oder ist es einfach ein div?

Answer 1

Sie können eine section verwenden, wenn es Sinn macht, oder aside, wenn es sinnvoll ist. andernfalls div verwenden.

Gallery keinen semantischen Tag, wie audio oder video, so dass Sie vielleicht wollen div verwenden.

, die bis Web Components ist freigegeben :)

Answer 2

Wenn Sie HTML5 verwenden, dann Semantic-Tags wird empfohlen und sollte den Weg nach vorn anstatt mit div sein.

In der Tat kann eine Galerie sogar sehr gut auf die Semantic-Tags abgebildet werden. Für z.B. Ein Abschnitt könnte die Liste der Artikel enthalten, also die einzelnen Bilder. Ein aside könnte mehr Informationen über das bestimmte Bild und so weiter geben.

Ein schöner Artikel, der zeigt, wie die figure und figcaption zu verwenden ist hier: http://html5doctor.com/the-figure-figcaption-elements/

Answer 3

Es auf den Kontext der Bildgalerie abhängt.

Wenn die Galerie mit dem Hauptinhalt verknüpft ist, ist es sinnvoll, sie als section innerhalb des Hauptinhalts zu haben.

Das Tag article sollte verwendet werden, wenn der Inhalt darin alleine sinnvoll ist, z. einzelne Blogposts Der Inhalt, der unter Verwendung der article Tags markiert ist, macht auch eine Menge Sinn, wenn der Inhalt syndiziert werden müsste (z. B. RSS-Feed). Um diesen letzten Punkt zu erklären, W3C explains:

Wenn speziell mit Inhalten verwendet werden neu verteilt in Syndication ist der Artikel Element ähnlich Zweck auf den Eintrag Element in Atom.

Der Tag div dient zur allgemeinen Gruppierung von Elementen. Es sollte verwendet werden, wenn ein anderes Tag für diesen Zweck nicht geeigneter ist und eine Gruppierung für Styling- oder Scripting-Zwecke erforderlich ist. Nach W3C's recommendation:

Autoren sind das div-Element als ein Element der letzten Instanz stark sehen ermutigt, denn wenn kein anderes Element ist geeignet. Die Verwendung von geeigneteren Elementen anstelle des div-Elements führt zu einer besseren Zugänglichkeit für Leser und einer leichteren Wartbarkeit für Autoren.

Um auf Ihre Frage zurückkommen, wenn die Fotogalerie zu Ihrem Inhalt beziehen (zB eine Fotogalerie in einem Blog-Post), würde ich article für die ganze Blog-Post haben, und haben eine section für die Fotogalerie . Einige mögen argumentieren, dass, wenn die Galerie keine Überschrift hat, sie keine section sein sollte und daher als div markiert sein sollte. W3C bietet jedoch eine wirklich gute Möglichkeit, Abschnitte auf seiner Website zu betrachten (es können leider nicht mehr als 2 Links mit weniger als 10 Rep-Punkten gepostet werden!).):

Eine allgemeine Regel ist, dass das Abschnittselement nur dann geeignet ist, wenn der Inhalt des Elements explizit in der Gliederung des Dokuments aufgeführt wäre.

Wenn Sie darüber nachdenken, ist es sehr sinnvoll, die Galerie in der Gliederung des Artikels aufzulisten (z. B. für einen Blogpost). Wenn der Artikel einen spezifischen Einführungstext hat, könnte auch dieser in der Gliederung des Artikels aufgeführt sein. Stellen Sie sich den Entwurf konzeptionell als eine Art Inhaltsverzeichnis für den Artikel vor, in dem die verschiedenen Abschnitte aufgeführt sind.

Wie ich schon sagte, es hängt wirklich vom Kontext ab.

Edit:

In Bezug auf die Bilder der Galerie selbst, macht es Sinn, sie innerhalb figure zu haben, wie Romin vorgeschlagen. Um Ihre Anmerkung zu beantworten:

Danke, aber ich denke nicht, ist hier, weil sie sagen, dass es "aus dem Hauptfluss des Dokuments entfernt werden kann, ohne die Bedeutung des Dokuments zu beeinflussen." So ist es für Bilder in Text gemeint, und wenn ich Bilder entfernen aus der Galerie, die beeinflusst, seine Bedeutung

Was W3C wirklich empfiehlt ist:

Das Element (figure) kann somit verwendet werden, um mit Anmerkungen versehen Abbildungen, Diagramme, Fotos, Codelisten usw., auf die aus dem Hauptinhalt des Dokuments Bezug genommen wird, die jedoch, ohne den Fluss des Dokuments zu beeinträchtigen, von diesem primären Inhalt entfernt werden könnten, z zur Seite der Seite, zu bestimmten Seiten oder zu einem Anhang.

Mit anderen Worten, ist die Frage zu stellen, ob die Bildgalerie aus dem primären Inhalt (das heißt der Blog-Post Inhalt oder Text), ohne Beeinträchtigung der Fluss des Dokuments verschoben werden könnte. Eine Bildergalerie könnte per se vom primären Inhalt des Dokuments wegbewegt werden, um eine Seitenleiste zu sagen, und die Änderung der Position/Reihenfolge hätte keinen Einfluss darauf, wie der Inhalt interpretiert wird. Wenn seine Position einen Einfluss hat, ist figure in diesem speziellen Fall nicht angemessen.

Zusammenfassend, wenn der Inhalt (Bildergalerie) wichtig für das Dokument ist, aber seine Position im Fluss des Inhalts nicht (d. H. Es könnte ohne viel Einfluss bewegt werden), verwenden Sie figure. Wenn seine Position wichtig ist, verwenden Sie andere Tags. Und wenn es nicht wichtig ist, verwenden Sie stattdessen aside.