HTML: Sollte ich einen Abschnitt nur für ein Hauptbild erstellen?

Question

Ich habe ein Hauptbild oben auf der Seite. Der Einfachheit halber mit meinem Sheet/Layout arbeiten, ich habe es in einem eigenen Abschnitt:

<section class="container page-intro boxed-none"> 

    <figure> 
     <img class="width100" src="article-image.png" alt="Template Article" /> 
    </figure> 

</section> 

Wenn ich den W3C-Validator verwenden, schlägt er vor, dass ein Abschnitt eine Überschrift haben. Ist es richtig Markup, um meine HTML so zu haben, oder sollte es geändert werden?

Answer 1

Es wird vorgeschlagen, dass Sie immer eine Überschrift in Ihrem <section> verwenden, aber wenn Sie möchten, haben Sie keine Gründe, es zu verwenden. Hier finden Sie einige grundlegende Informationen darüber, wie jede der großen HTML5-Tags kann/sollte verwendet werden (Ich schlage vor, die vollständige Quelle am Boden verbunden zu lesen):

Abschnitt - Für zusammen thematisch aufeinander bezogene Inhalte Gruppierung . Klingt wie ein Div-Element, aber es ist nicht. Das div hat keine semantische Bedeutung. Vor dem Austausch alle divs mit Profilelementen, immer fragen Sie sich: „Ist das alle zugehörigen Inhalte?“

beiseite - Für tangential aufeinander bezogene Inhalte. Nur weil irgendein Inhalt links oder rechts vom Hauptinhalt erscheint, ist Grund genug, das side-Element zu verwenden. Fragen Sie sich, ob der Inhalt innerhalb der Seite entfernt werden kann, ohne die Bedeutung der Haupt Inhalte zu reduzieren. Pullquotes sind ein Beispiel für tangential verwandte Inhalte.

header - Es gibt einen entscheidenden Unterschied zwischen dem Header-Element und die allgemein akzeptierte Verwendung von Header (oder Masthead). Normalerweise gibt es nur eine Kopfzeile oder 'Masthead' auf einer Seite. In HTML5 können Sie beliebig viele haben. Die Spezifikation definiert es als "eine Gruppe von einleitenden oder Navigationshilfen". Sie können einen Header in einem beliebigen Bereich Ihrer Site verwenden. In der Tat sollten Sie wahrscheinlich einen Header innerhalb der meisten Ihrer Abschnitte verwenden. Die Spezifikation beschreibt das Abschnittselement als „eine thematische Gruppierung von Inhalten, in der Regel mit einer Überschrift.“

nav - bestimmungsgemäßen Hauptnavigationsinformationen. Eine Gruppe von Links gruppiert ist nicht genug Grund, das nav-Element zu verwenden. Site-weit Navigation gehört dagegen in ein Navigationselement.

footer - Klingt wie es ist eine Beschreibung der Position, aber es ist nicht. Footer-Elemente enthalten Informationen über sein enthaltendes Element: who hat es geschrieben, Copyright, Links zu verwandten Inhalten usw. Während wir normalerweise eine Fußzeile für ein ganzes Dokument haben, erlaubt uns HTML5 auch Fußzeile innerhalb von Abschnitten.

Quelle: http://www.w3schools.com/html/html5_semantic_elements.asp