Struktur und Inhalt vs. Layout

[Hopsel]

Hi Hendric!

1.)
Eigentlich dürfte man doch dann innerhalb von HTML z.B. keine Tags wie <H1> oder ähnlich verwenden. H1 formatiert den Text ja mit einigen Eigenschaften.

Ja, es zeichnet ein Überschrift ersten Grades aus.

Diese Formatierung sollte doch eigentlich komplett in CSS erfolgen.

Das tut sie auch. Was du an Vorformatierung siehst, erfolgt durch ein Standardstylesheet des jeweiligen Browsers.

Wenn also z.B. <H1> weiterhin verwendet wird, dann erfolgt ja doch bereits im HTML-Code eine Formatierung was ja eigentlich dem Gedanken der Trennung zwischen Struktur bzw. Inhalt und Layout wiederspricht.

Du siehst das falsch. Mit <h1> (XHTML-konform wird das klein geschrieben) zeichnest du einen Text aus. Welche Größe, Farbe, usw. er hat, beschreibst du damit aber nicht.

Ein Beispiel:
Eine logische Textformatierung mittels <em>, sagt nur aus, dass der Text emphasized, also hervorgehoben, sein soll. In welcher Art und Weise das geschieht, ist völlig nebensächlig.
Nutzt du allerdings das zur physischen Textauszeichnung gehörende <i>, legst du explizit im HTML-Quellcode fest, dass der Text kursiv dargestellt werden soll. Physische Textauszeichnung ist also - im Gegensatz zu bspw. Überschriften - eher zu vermeiden, da damit nicht (nur) die Struktur beschrieben wird.

2.)
Die gleiche oder eine ähnliche Frage für <br>. Sollte man <br> noch innerhalb von HTML-Code verwenden? Der Zeilenumbruch müßte doch eigentlich innerhalb von CSS herbeigeführt werden, um eine klare Trennung von Struktur bzw. Inhalt und Layout zu gewährleisten.

Richtig. Der Zeilenumbruch wird vor allem (fälschlicherweise) für Textabsätze genutzt. Diese lassen sich aber korrekt durch <p> auszeichnen.
Natürlich hat <br /> trotzdem seine Berechtigung, z. B. bei Gedichten.

Such´ doch einfach mal nach dem Stichwort "semantisches Markup". Dann wirst du noch viele interessante Artikel finden, die je nach dem auch ziemlich in die Tiefe gehen und damit komplizierter werden können.

MfG H☼psel