nicht angemeldet
Gunnar Bittersmann@@hmm
<body> <h1 style="font-size: 30px; color: red"> Webtechnologien </h1> <h2 style="font-size: 24 px; color: blue"> Vorlesung im Studiengang Medieninformatik </h2> <p> HTML liefert die Inhalte einer Website in einer strukturierten Form. </p> <p> CSS ergänzt das HTML und bereitet die Inhalte optisch auf. Eine gute HTML-Struktur ist elementar für Suchmaschinen. </p> </body>das war das beispiel für "html mit semantik und eingebetteter css".
Fehlerhaft.
Zum einen gehören Darstellungsangaben nicht ins Markup; zum anderen ist „Vorlesung im Studiengang Medieninformatik“ keine Überschrift 2. Ordnung.
Entweder:
<header>
<h1>Webtechnologien</h1>
<p>Vorlesung im Studiengang Medieninformatik</p>
</header>
oder
<h1>
Webtechnologien
<span class="untertitel">Vorlesung im Studiengang Medieninformatik</span>
</h1>
Die Darstellungsangaben dazu im Stylesheet.
als kommentar steht u.a. das im skript:
Optische Anreicherung ohne Struktur (wie hier im Beispiel) ist ein häufiger Fehler in der Webentwicklung - blendet man CSS aus, bleibt der Text unstrukturiert
gilt das für beide beispiele oder nur für das ohne semantik?
Wenn der Seiteninhalt strukturiert ausgezeichnet wird (Überschrift als Überschrift, Textabsätze als Textabsätze, …), dann ist die Struktur natürlich unabhängig von CSS vorhanden. Browser haben dafür Grundeinstellungen, um das zu visualisieren. Und strukturelles Markup kommt bei nicht-visueller Ausgabe in Screenreadern zugute.
LLAP 🖖
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
Auge