[HTML5] Semantisch korrekt?

[ChillerT]

Hallo,

sind diese Codebeispiele semantisch valide?

Fall 1:

<article>
    <header>
        <h2>Überschrift</h2>
    </header>
    <div class="article-body">
        <section>
            Inhalt 1
        </section>
        <section>
            Inhalt 2
        </section>
        <section>
            Inhalt 3
        </section>
        <section>
            Inhalt 4
        </section>
    </div>
</article>

Fall 2:

<article>
    <header>
        <h2Überschrift</h2>
    </header>
    <section>
        <header><h3>Untertitel 1<h3></header>
        Inhalt 1
    </section>
    <section>
        <header><h3>Untertitel 2<h3></header>
        Inhalt 2
    </section>
    <section>
        <header><h3>Untertitel 3<h3></header>
        Inhalt 3
    </section>
</article>

Vielen Dank im Voraus ;)

 

[MrMurphy]

Hallo

ob das semantisch korrekt ist kann ohne konkreten Inhalt nicht beurteilt werden, da die Semantik vom Inhalt abhängt.

Grundsätzlich können beide Lösungen semantisch korrekt sein.

Gruss

MrMurphy

 

[thecain]

https://developer.mozilla.org/en-US...ument?redirect=no#The_HTML5_Outline_Algorithm

Sollte helfen

 

[hakura]

um zu sehen ob deine Datei html5 valide ist, lass es hier durchlaufen:
http://validator.w3.org
für css:
http://jigsaw.w3.org/css-validator/

 

[thecain]

Semantik hat nur wenig damit zu tun ob es valide ist

 

[ChillerT]

Es war eher die Frage ob die unterteilung des article elementes mit section immernoch korrekt ist, auch wenn ich die unterteilung (sections) in ein unter div setzte.

Und der 2. Fall ob das Header-Element im Section die outline einhält wenn das parent article auch ein header besitzt.

 

[Tronjer]

Es war eher die Frage ob die unterteilung des article elementes mit section immernoch korrekt ist, auch wenn ich die unterteilung (sections) in ein unter div setzte.

Eher nicht. Würde ja auch keinen Sinn ergeben.

Und der 2. Fall ob das Header-Element im Section die outline einhält wenn das parent article auch ein header besitzt.

Man kann sowohl Article in Section als auch umgekehrt verschachteln, und beide Elemente dürfen einen Header besitzen.