Texte mit HTML einfügen und strukturieren

Auf vielen Webseiten zählen Texte zu den am häufigsten verwendeten Inhalten. Beim Einfügen von Texten ist es vor allem wichtig, Befehle zu verwenden, mit denen die Texte ausgezeichnet werden, damit die Webseite strukturiert wird. Beispielsweise könnte man einen Absatz in großer Schriftart anzeigen lassen, um so eine "Überschrift" einzufügen. Wenn man nicht den Befehl für die Überschrift verwendet bzw. den Text als Überschrift auszeichnet, dann bleibt der Absatz technisch gesehen trotzdem ein Absatz, egal welche Schriftgröße eingestellt ist. Man muss immer zwischen der technischen Ebene und der Darstellung unterscheiden. Wenn man also eine Überschrift erzeugen möchte, dann sollte man auch den Befehl hierfür verwenden. Erst dadurch wird es technisch auch eine Überschrift. Man nennt diesen Vorgang auch logische Auszeichnung.

Das ist wichtig, damit sehbehinderte Menschen, Suchmaschinen oder andere auslesende Programme den Aufbau und die Struktur der Webseite besser erkennen und einordnen können. Die nachfolgende Abbildung verdeutlicht, dass Texte in einem Absatz in der Größe einer Überschrift dargestellt werden können, auch wenn sie trotzdem gewöhnliche Texte in Absätzen bleiben.

Überschrift und Absatz mit gleicher Schriftgröße

Man kann natürlich genauso eine Überschrift in verkleinerter Form darstellen und davon wird auch reichlich Gebrauch gemacht, da die Standardgrößen für die Überschriften häufig als zu groß empfunden werden. Die Strukturierung betrifft nicht nur die Überschriften. Auch für sonstige Texte sollten HTML-Befehle verwendet werden, mit denen Texte gemäß ihrer Bestimmung logisch ausgezeichnet werden. Möchte man z.B. ein Zitat einfügen, sollte man hierfür den Befehl BLOCKQUOTE verwenden, der für Zitate gedacht ist. Um Programmiercode darzustellen, kann man den Befehl CODE verwenden. Daneben gibt es noch eine Reihe weiterer Befehle für die Kennzeichnung von Text. Nachfolgend einige Hinweise, die in Verbindung mit Texten wichtig sind.

Logische und physische Textauszeichnungen

Texte können gemäß ihrer Bestimmung logisch ausgezeichnet werden, z.B. als Überschrift oder Zitat. Daneben können sie auch physisch ausgezeichnet werden, z.B. als Fett oder Kursiv. Der Unterschied zwischen logischer und physischer Textauszeichnung ist, dass beim logischen Auszeichnen die Texte technisch gesehen eine besondere Bedeutung bekommen. Beim physischen Auszeichnen handelt es sich dagegen lediglich um eine optische Hervorhebung, ohne dass den Textstellen eine besondere Bedeutung zugeordnet wird. Bis HTML4 wurden mit einigen Befehlen Texte lediglich physisch ausgezeichnet. Das ist mit HTML5 abgeschafft worden. Gemäß den Spezifikationen soll die physische Auszeichnung bei Bedarf über CSS erfolgen. Dementsprechend handelt es sich in HTML5 bei allen Befehlen, mit denen Texte ausgezeichnet werden, um logische Auszeichnungen, deren Nutzen eine (semantische) Bedeutung des Texts zur Folge hat.

Überschriften

Jede Seite einer Internetpräsenz sollte zumindest eine Überschrift haben.

Absätze

Normale Texte werden in Absätzen geschrieben.

Zeilenumbrüche

Texte werden normalerweise automatisch in der nächsten Zeile fortgeführt, wenn die rechte Seite des umschließenden Elements erreicht ist. Fügt man im Quellcode Text in einer neuen Zeile ein, erfolgt jedoch kein Zeilenumbruch. Um Zeilenumbrüche mit HTML zu erzeugen, muss man explizit die Befehle hierfür verwenden.

Leerzeichen

Zwischen zwei Wörtern kann in HTML lediglich ein Leerzeichen existieren. Möchte man mehr Leerzeichen einfügen, so muss man das ebenfalls über die entsprechenden Befehle tun.