Tipps für Überschriften und Absätze im HTML
Reduzieren von HTML-Elementen
Mit dem Einführen von Technologien, wie etwa Style Sheets und Dynamischem HTML, wurde Personen, die eigentlich gar keine Ahnung von Design hatten, die Möglichkeit gegeben, eine Site zu erstellen. In den meisten Fällen sieht diese aber ganz einfach schrecklich aus.
Die wohl wichtigste Regel, die man stets befolgen sollte, wenn man Webseiten gestaltet, ist diese: Halten Sie die Gestaltung so einfach wie möglich. Reduzieren Sie die Anzahl der Elemente (Abbildungen, Überschriften, Trennlinien), und achten Sie darauf, dass das Auge zunächst vom wichtigsten Teil der Seite angezogen wird.
Behalten Sie diese Grundregel im Hinterkopf, während Sie die nächsten Abschnitte lesen, die noch ein paar weitere Vorschläge für den grundlegenden Entwurf und die Gestaltung von Webseiten anbieten.
Benutzen Sie Überschriften als Überschriften
Überschriften werden in grafikfähigen Browsern oft in einer größeren oder fetteren Schrift dargestellt. Daher ist es häufig verlockend, eine Überschriften-Kennung zu verwenden, um irgendwelche Warnungen, Hinweise oder andere Hervorhebungen im regulären Text darzustellen.
Überschriften wirken am besten, wenn sie auch als Überschriften benutzt werden, weil sie vom Text abgesetzt sind und den Anfang eines neuen Themas signalisieren. Wenn Sie tatsächlich einen bestimmten Textabschnitt hervorheben wollen, erwägen Sie stattdessen die Benutzung von Trennlinien und einem kleinen Symbol oder einer anderen Methode der Hervorhebung.
Fassen Sie zusammengehörige Informationen optisch zusammen
Verwandte Informationen zusammenzugruppieren, ist eine Aufgabe sowohl beim Entwurf als auch beim Schreiben. Indem Sie solche Informationen unter Überschriften zusammenfassen, wie ich in den Hinweisen zum Schreiben vorschlug, erhöhen Sie die Lesbarkeit jener Informationen. Jeden dieser Abschnitte optisch vom anderen abzusetzen, macht jeden Abschnitt eigenständig und hebt die Verwandtschaft der Informationen hervor.
Enthält eine Webseite verschiedene Abschnitte mit Informationen, überlegen Sie sich einen Weg, diese Abschnitte optisch voneinander abzutrennen, beispielsweise mit einer Überschrift oder einer Trennlinie (<hr>).
Verwenden Sie ein durchgehendes Layout
Wenn Sie ein Buch oder eine Zeitschrift lesen, haben jede Seite und jeder Abschnitt üblicherweise dasselbe Layout. Die Seitennummern sind da, wo Sie sie erwarten, und das erste Wort auf jeder Seite beginnt an derselben Stelle.
Dieselbe Art gleichmäßigen Layouts eignet sich genausogut für Webseiten. Ein gleichmäßiges Erscheinungsbild aller Seiten in Ihrer Web-Präsentation ist für Ihre Leser angenehm. Nach zwei oder drei Seiten werden sie wissen, was die einzelnen Elemente auf jeder Seite bedeuten und wie sie zu finden sind. Bei einer gleichmäßigen Gestaltung können Ihre Leser die Informationen, die sie möchten, finden und sich durch Ihre Seiten bewegen, ohne auf jeder Seite innezuhalten, um herauszukriegen, wie die Dinge liegen.
Eine gleichmäßige Gestaltung kann bestehen aus:
- Wiederkehrenden Seitenelementen. Wenn Sie auf einer Seite Überschriften zweiten Grades (
<h2>) verwenden, um die Hauptthemen zu bezeichnen, dann benutzen Sie Überschriften zweiten Grades auf allen Ihren Seiten. Wenn Sie eine Überschrift und eine Trennlinie am Beginn Ihrer Seite haben, so verwenden Sie auf jeder Seite die gleiche Gestaltung. - Wiederkehrenden Formen der Navigation. Platzieren Sie Ihre Navigations-Menüs an derselben Stelle jeder Seite (üblicherweise am Anfang oder Ende jeder Seite), und verwenden Sie dieselbe Anzahl von ihnen. Falls Sie sich anschicken, Navigations-Symbole zu verwenden, achten Sie darauf, dieselben Symbole in der gleichen Reihenfolge auf jeder Seite zu benutzen.
- Das Verwenden von externen Style Sheets. Wenn Sie bei reinem HTML 4.0 bleiben wollen, können Sie ein Master Style Sheet erstellen, das Hintergrund-Eigenschaften, Text- und Linkfarben, Schriftart und -größe, Seitenränder und noch vieles mehr definiert. Das Design Ihrer Seite wird in Ihrer Site konsistent sein.