Hi,
brauchbarer Links mit auf den Weg geben für CSS, dieses "semantisches Markup" usw.
zunächst mal findest Du in http://de.selfhtml.org/html/text/logisch.htm einige Elemente, die Du vielleicht noch gar nicht kennst, aber kennenlernen solltest. Hx, P und andere Standardelemente sind hier natürlich nicht aufgeführt.
http://de.selfhtml.org/css/layouts/ zeigt Dir zwar schlichte Beispiele, aber mit sinnvoller (und sehr einfacher) HTML-Auszeichnung.
Im Prinzip solltest Du Dich bei jedem DIV fragen, ob es a) erforderlich ist und b) nicht vielleicht ein passendees Element genuzt werden kann.
Den Doctype habe ich nämlich z.B. als "korrekten" gefunden und mich darauf verlassen.
dann solltest Du Dir http://de.selfhtml.org/css/formate/box_modell.htm#standardkonform genauer ansehen.
freundliche Grüße
Ingo