Das echte SELFHTML-Wiki gibt es unter https://wiki.selfhtml.org.
HTML/Textstrukturierung/Überschrift
Eine Überschrift wird durch eines der Elemente h1, h2, h3, h4, h5 oder h6 realisiert. h steht dabei für heading, Überschrift.
Inhaltsverzeichnis
HTML unterscheidet 6 Überschriftenebenen, um Hierarchieverhältnisse in Dokumenten abzubilden.
Jede Überschrift ist ein eigener Absatz, d. h. vor und nach Überschriften sind keine Absatzschaltungen nötig. Beim Überschriftentext gelten die Aussagen zu Zeichenvorrat und HTML-eigene Zeichen.
Überschriften richtig einsetzen
Sie sollten auf einer Seite maximal eine Überschrift der ersten Ebene einsetzen und dann den Abschnitten entsprechend ihrer Hierarchie eine Überschrift höherer Ebene verpassen:
- Grafikdesign Farbpinsel →
h1- Leistungen →
h2- Print →
h3 - Web →
h3
- Print →
- Kontakt →
h2- E-Mail →
h3 - Anschrift →
h3
- E-Mail →
- Leistungen →
Auch sollten Sie keine Lücken in der Hierarchie Abschnitte und Unterabschnitte haben: Auf eine Überschrift der Ebene 3 folgt eine der Ebene 4, aber nicht eine der 5. oder 6. Ebene. Oft wird das falsch gemacht, weil die Schriftgröße der semantisch korrekten Überschrift nicht passend ist – vermeiden Sie dies und gestalten Sie Ihre Überschriften mit CSS!
p oder blockquote und gestalten Sie diese mithilfe von CSS wie gewünscht.
Überschriften mit CSS formatieren
Wie eine Überschrift vom Browser genau dargestellt wird, darauf haben Sie mit HTML keinen Einfluss. Die Browser benutzen Default-Formatierungen, um Überschriften darzustellen. Mit Stylesheets (CSS) können Sie Überschriften jedoch nach Wunsch formatieren. Bei Verwendung von Stylesheets müssen Sie zunächst wissen, wie man CSS-Formate definieren kann. Anschließend sind Sie in der Lage, CSS-Eigenschaften anzuwenden. Maßgeblich sind im hier beschriebenen Zusammenhang folgende CSS-Eigenschaften:
- Schriftbild
- Textformatierung
- Textausrichtung
- Außenabstände
- Innenabstände
- Rahmen
- Außenlinie
- Hintergrundfarben und -bilder
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Überschriften formatieren mit CSS</title>
<style type="text/css">
h1 {font-size:300%; color:red;}
</style>
</head>
<body>
<h1>Überschrift 1. Ordnung</h1>
</body>
</html>
siehe auch
Weblinks
- Selfhtml-Forum: Überschrift in Linie anzeigen, quasi Linie durch Text (7.11.2013)