Hi,

ich bin grade so bissl am rumprogrammieren mit HTML5. Bisher hab ich versucht das Thema zu vermeiden weil wegen der ganzen neuen Tags die es ja so gibt. Trotzdem hab ich grad die Muse mir das Thema genauer anzusehen und habe mich natürlich auch schon reichlich schlau gemacht. Alles in allem sind mit HTML5 ja auch ein paar gute Sachen dabei (müssen nur noch von jedem Browser interpretiert werden können, das ist wohl die größte Schwierigkeit). Allerdings finde ich die Abschnitt-Elemente (section, main, article, header, nav, aside, footer, hurrdurr, etc....) sowohl nützlich als auch gleichermaßen verwirrend(er). Ich mein', ich hatte bisher nie Probleme mit den ganz normalen Divs.

Trotzdem will ich jetzt eine Webanwendung schreiben die HTML5-Konform ist um das Ganze einfach zu verstehen und den Durchblick zu haben. Was ich bei all meinen Recherchen und Referenzseiten die ich gelesen hab nicht ganz verstanden habe ist, in welcher Reihenfolge man die Abschnitt-Elemente nun verwendet/verwenden muss. Diese wären ja allen voran main (nur 1x auf der Seite), dann section für Haupt-Abschnitte, article für Unter-Abschnitte (die inhaltlich allerdings abweichen können/dürfen), header (?), footer (?) und nav. Und benötigt man dann head und body überhaupt noch? Teils erscheinen mir die Erläuterungen zu den Elementen in gewisser Weise identisch bzw. ich kann den Unterschied oder besser gesagt deren Abhängigkeiten nicht ganz verstehen.

Wäre nett wenn mich in der Richtung jemand erleuchten könnte. Ich möchte einfach wissen ob und wie ich eine grobe allgemeingültige und sinnvolle HTML5-Struktur zusammenbauen muss.


Link

Hi,

danke für deine Antwort schonmal.
Ja wofür das HTML5 gut ist und was die Neuerungen sind sowie auch der Sinn der Einführung von HTML5 hauptsächlich bezogen auf die Semantik ist mir soweit klar, zumindest finde ich hab ich es richtig verstanden.
Lediglich der Aufbau insbesondere die Abhängigkeiten und in welcher Reihenfolge die Tags benutzt werden müssen bzw. für beste Ergebnisse optimal angeordnet sein sollten ist mir noch nicht klar.

Link

Hi,

@mumpel danke für deine Antwort. Nunja deine Seite ist teilweise reines HTML5. Und der Einsatz vom Footer-Tag ist glaub ich -wenn ich mal deine Seite nehme- nicht ganz korrekt eingesetzt, weil der footer-tag ja mehrmals vorkommen kann, für jeden article glaub ich sollte das gedacht sein.
Aber so im ganz groben hab ich mir das auch vorgestellt. Zuerst main (1x) dann pro section hätte ich einen header, mehrere article und einen footer. nav ist für das Menü. Und head und body lass ich entsprechend @3daycliffs Erläuterung auch mit drin.

Link