Trennung von Inhalt und Design

[Matthias Scharwies]

Servus!

Hallo,
ich möchte die Überschrift unterschiedlich vom darüberliegenden Text absetzen.
Dies habe ich bisher gemacht mit

<h2 style="margin-top: 1rem;">Überschrift</h2>

Wie trenne ich nun korrekt Inhalt und Design?

<br>
<h2>Überschrift</h2>

Nein! Das br wäre ja schon Teil des Inhalts (und sollte möglichst wenig verwendet werden,, z.B. bei Lied- oder Verszeilen, der einen Zeilenumbruch benötigen.

oder mehrere Klassen für h2 in css oder ?

Ja!

<style>
.abschnitt {
  margin-top: 1rem;
}
</style>

<h2 class=abschnitt">Überschrift</h2>

So hast du Deinen Inhalt von der Präsentation getrennt. Es wäre zu überlegen, ob der Abstand nach oben nicht allen h2-Elementen zu geben wäre.

Gib der Klasse einen aussagekräftigen Namen (nicht "abstand")!

Herzliche Grüße

Matthias Scharwies