Design nachbauen

[Gunnar Bittersmann]

@@MrMurphy1

Du verwendest das header-Element falsch. Dein header enthält keinen Inhalt, der in den header gehört. Ein Logo allein macht noch keinen header. Damit ist der überflüssig - weglassen.

“A header typically contains a group of introductory or navigational aids.” [Spec]

Sowohl Seitenlogo als auch Navigation sind im header bestens aufgehoben.

Für Anfänger ist auch irritierend, das header nichts über die Position des header aussagt.

Das allerdings ist richtig. Genauso wie footer nichts über dessen Position aussagt.

Das Logo kann in das nav-Element verschoben werden.

Wenn es denn ein Link zur Homepage ist – was es sein sollte. (Außer natürlich auf der Homepage selbst.)

Die Liste im nav-Element ist überflüssig.

Kann man so sehen. Muss man nicht.

Das cite-Element ist nicht für Namen gedacht und damit falsch.

Wer hat dir denn das eingeredet?

Hatten wir das nicht letztens erst? Ah ja, hatten wir – nur dass du nicht mit dabei warst.

Laut W3C-Spec ist das cite-Element ausdrücklich auch für Namen gedacht. Wie ich sagte: “The WHATWG spec is wrong on other elements too (main element), so pick the one you like better. ;-)”

Für das Zitat mit Nennung des Namens eignet sich besser das figure-Element mit einem blockquote- und einem figcaption-Element.

blockquote-Element mit footer und/oder cite.

LLAP 🖖