Semantisches Markup: Schreibe, was Du meinst, und meine, was Du schreibst.

Während das eigentliche Schreiben von CSS einfach ist, benötigt das Entwerfen von Layouts mit CSS eine leicht andere Denkweise als die, mit denen die meisten von uns vertraut sind.

Anstelle zu denken, dass "das hierhin muss, und das dort positioniert wird", müssen wir die eigentlichen Inhalte in unserer Seite und die Struktur dieser Informationen bedenken.

Der wichtigsten Überschrift geben wir ein <h1>-Tag; untergeordnete Überschriften bekommen <h2>-Tags, usw.; Absätze werden als Paragraph markiert.

Das ist als "strukturelles" oder "semantisches" Markup bekannt.

Anstatt dass Sie Ihren Inhalt in Tabellen und Zellen stellen, verpacken Sie ihn in div Elemente. Geben Sie Ihren div Elementen eine ID oder eine Klasse, die den Inhalt oder die Funktion des Bereichs beschreibt und nicht sein Aussehen.