Lokales Style-Lab
Content-Style-Vorlage
HTML-Elemente im redaktionellen Kontext
Musterartikel
Island im Content-System: eine visuelle Testseite
Diese Seite zeigt typische HTML-Elemente fuer redaktionelle Inhalte. Sie dient als Vorlage, um Abstaende, Schriftgroessen, Farben und Details einmal sauber festzulegen.
Letzte Ueberarbeitung:
Text, Betonung und Inline-Elemente
Ein normaler Absatz braucht ruhige Zeilenhoehe, genug Kontrast und angenehme Laenge. Ein interner Link soll klar erkennbar sein, aber den Lesefluss nicht stoeren.
Strong markiert inhaltlich wichtige Aussagen. Bold zeigt reine Hervorhebung. Kursive Textstellen koennen Begriffe oder Stimmungen andeuten, waehrend Unterstreichungen sparsam bleiben sollten.
Ein DSGVO-Hinweis, ein markierter Suchtreffer und ein langes Wort mit moeglichem Umbruch wie islandfreund
Gute Typografie macht Struktur sichtbar, ohne sich vorzudraengen.Interne Content-Notiz
Listen und Definitionen
Ungeordnete Liste
- Kurzer Listenpunkt fuer schnelle Orientierung
- Laengerer Listenpunkt mit mehr Text, damit Zeilenumbrueche und Einrueckungen sichtbar werden
- Betonter Listenpunkt mit starkem Einstieg
Geordnete Liste
- Erster Schritt der redaktionellen Struktur
- Zweiter Schritt mit etwas mehr Erklaerung
- Dritter Schritt als Abschluss
- Definition List
- Ein Paar aus Begriff und Erklaerung, gut fuer Fakten, Daten und kompakte Glossare.
- Lesefluss
- Der Abstand zwischen Begriffen und Erklaerungen entscheidet, ob die Liste ruhig oder gedrungen wirkt.
Tabellen
| Element | Aufgabe | Wirkung |
|---|---|---|
| Absatz | Text strukturieren | Lesbarkeit und Rhythmus |
| Liste | Punkte erfassbar machen | Schnelles Scannen |
| Zitat | Aussagen hervorheben | Visuelle Unterbrechung |
Medien und erweiterbare Inhalte
Mehr Details anzeigen
Dieser Bereich zeigt, wie ausklappbare Zusatzinformationen innerhalb eines Artikels wirken.