header

Den <header> soll es nur einmal geben, genauso wie die Überschrift <h1>. Daher ist es nicht verwunderlich, dass die Überschrift h1 sich auch oft im Header befindet.

Bitte nicht mit <head> verwechseln.

Hier hinein kommen Seitenelemente, welche immer auf allen Seiten zu sehen sein sollen.

  • Logo (<h1> wenn nur Text)
  • Name der Seite / Firmenname (<h1>)
  • Slogan, Sonderbezeichnungen (<p>)
  • Buttons auf Spezialseiten, oder zur Steuerung der Seite
  • reine Designelemente ohne sematische Bedeutung (<img>, <span>, <div>)

Dieser Bereich ist oft auch so eingestellt, dass er immer sichtbar im Browser bleibt, auch wenn auf der Seite nach unten gescrolled wurde. Allerdings benötigt dies meist neben CSS auch noch JavaScript.