Was bedeutet Semantik für die HTML-Programmierung?

Ursprünglich bestand HTML ausschliesslich aus semantischen Tags. Semantische Tags verleihen einer Information bzw. einem Inhalt neben einer optischen Auszeichnung in erster Linie eine Bedeutung innerhalb der Struktur einer Internetseite. Ein <H1> bis <h5> formatiert einen Text fett, in einer bestimmten Schriftgröße und zeichnet ihn als Überschrift aus. Mit <em> (von engl. <em>emphasized</em> = <em>hervorgehoben</em>) wird anstatt des <i>ein Text kursiv ausgezeichnet und betont.
Doch Semantik geht noch weiter. Sie sieht eine strikte Trennung zwischen Design (CSS) und Inhalt vor. Das bedeutet, dass die .html-Datei lediglich noch die Information, strukturiert durch die entsprechenden semantischen Tags, enthält.