HTML Grundlagen: Wusstest du schon? Text semantisch auszeichnen ist einfacher als du denkst

Text formatieren

Als logische Textauszeichnung bezeichnet man die Auszeichnung für einzelne Wörter oder ganze Textabschnitte, um sie im Text semantisch (bzw. logisch) hervorzuheben. Die wichtigsten Auszeichnungen für Text sind:

• strong vs. bold – was ist der Unterschied?

• emphasis vs. italic – was ist der Unterschied?

• inserted vs. underline – was ist der Unterschied?

• deleted vs. strike-through – was ist der Unterschied?

• blockquote vs. quote – was ist der Unterschied?

Text durch logische oder physische Auszeichnung formatieren

Text auf Webseiten kann durch HTML-Tags ausgezeichnet werden, um ihn optisch hervorzuheben, z.B. fett oder kursiv gedruckt. Man unterscheidet zwischen semantischer und visueller Auszeichnung.

Optisch sind diese beiden Arten der Auszeichnung normalerweise gleich. Durch die semantische Auszeichnung erhält der Text aber eine besondere (inhaltliche) Bedeutung. Das ist bei der visuellen Auszeichnung nicht der Fall.

Den Text auf Webseiten sollte man immer entsprechend seiner inhaltlichen Bedeutung logisch auszeichnen. Das hat folgende Vorteile:

• Barrierefreiheit (Englisch: Accessibility):
  Sehbehinderte können Texte auf Webseiten z.B. mit einem Screenreader lesen. Wenn der Text logisch ausgezeichnet ist, dann ist der Aufbau, die Struktur und der Inhalt der Webseite besser zu verstehen.

  Wenn man z.B. für einen normalen Text die Schriftgröße mit CSS so einstellt, dass der Text wie eine Überschrift aussieht, dann kann ein Benutzer bei der Betrachtung der Webseite am Bildschirm annehmen, dass der Text eine Überschrift sein soll. Blinde Nutzer können das aber nicht erkennen. Für sie ist es normaler Text ohne besondere Betonung.

• Auslesen durch Suchmaschinen-Crawler
  Die Aufnahme einer Webseite in Suchmaschinen erfolgt in der Regel durch sogenannte Spider bzw. Bots. Das sind Programme, die das Web selbständig durchsuchen und neue Webseiten in den Index der Suchmaschine aufnehmen. Um die Struktur und den Inhalt der Webseite zu erkennen, wird der Inhalt der Seite einschließlich aller HTML-Tags logisch ausgewertet.

• Auslesen von Webseiten durch andere Programme
  Was für Suchmaschinen gilt, das gilt auch für andere Programme, die Webseiten auswerten. Soziale Netzwerke zeigen häufig eine Überschrift und einen Ausschnitt der Webseite, wenn ein Link geteilt wird.