Mit <header> und <footer> wurden zwei neue semantische Tags in HTML5 eingeführt. Beide Tags machen im Grunde nichts anderes als das bekannte <div>-Tag und zeigen ihre Inhalte auch genauso auf dem Bildschirm.

Aber der Einsatz wird auf längere Sicht mit besseren Ergebnissen für Ihre Internetseite bei den Suchmaschinen belohnt, denn die Suchmaschinen sind bei Verwendung der Tags <header> und <footer> in der Lage zwischen Content und Dingen, die zwar für den Benutzer wichtig, aber eben kein Content sind, zu unterscheiden.

Vor HTML5 musste man zur Abgrenzung von Kopf und Fuß vom eigentlichen Content DIVs mit entsprechenden IDs benutzen. Damit haben die beiden neuen Tags jetzt Schluss gemacht.