Gunther: [HTML5] Semantik + struktureller Aufbau einer Startseite

Beitrag lesen

Hi!

Jetzt stellt sich mir aber insbesondere die Frage, wie und wo ich meine Header-Grafik (gehört zur Seite und muss nicht auf allen Seiten vorhanden sein, bzw. variiert von Seite zu Seite) hinpacke?

Als Hintergrund in den Header, waere die Standardantwort.

Nein, denn mit "Header" ist hier nicht der websiteweite Header gemeint, sondern der spezielle Header für diese Seite.

Der websiteweite Header steht ja als erstes nach Body und enthält u.a. die Navigation.

Als <header> in <main>?

Nicht wirklich. Aber wir reden hier schon ueber Design. Und das erfordert gelegentlich spezielle Strukturen.

Nö, bevor ich irgendetwas layouten kann, muss ich ja erstmal meine HTML Struktur haben, die ggf. spezielle Anpassungen erfordert, um hinterher ein gewünschtes Layout erreichen zu können.

Und wo bringe ich meinen page title <h1> unter (die Sections bekommen jeweils eine <h2> Überschrift)?

Was meinst Du mit Page Title? Den Namen der Website oder der einzelnen Seite? (beides macht sich im Header ganz gut, letzteres Evtl darunter.

Mit Page Title meine ich den Seitentitel, also den Titel der jeweiligen Seite.
Der Name der Website gehört imho in den <title> im <head>.

Da sind wir schon wieder beim Design. h1 waere in dem meisten Faellen der Name der Website und evtl mit dem Logo verbandelt. Und schon sind wir beim Logo: Wozu n Div? Es allein als img stehen zu lassen oder, weils quasi dem Titel der Website entspricht, in ein h1 packen boete sich doch an?

Nein, denn wenn man der aktuellen "Empfehlung" des W3Cs folgen möchte, und nur jeweils ein H1 Element pro Seite verwendet, dann sollte das der Page Title, und nicht der Website Title sein.

Ohne HTML5 hab ich ganz gern ein <h1> als <header>-Ersatz genommen(ohne Navi). Vielleicht hilft Dir diese Denke etwas?

Nicht wirklich ..., denn die in Zeiten ohne "sectioning" und dementsprechend "named sections" war halt Vieles noch anders! ;-)

Gruß Gunther