HTML

HTML ist die Auszeichnungssprache, die Webinhalte mit Tags strukturiert (z. B. Überschriften, Absätze, Links). CSS gestaltet das Aussehen. Sauberes, semantisches HTML hilft Suchmaschinen, KI-Systemen und Screenreadern, Inhalte zu verstehen.

HTML ist die Abkürzung für „Hypertext Markup Language“. Dabei handelt es sich um eine Auszeichnungssprache, mit der Inhalte einer Webseite – Texte, Bilder, Links, Formulare – strukturiert werden. Jede Webseite besteht im Kern aus HTML. Zwei Begriffe sind dabei zentral:

HTML-Element
HTML-Tag

Tags kennzeichnen Anfang und Ende eines Bereichs im Dokument, etwa <p> und </p> für einen Absatz. Ein Element umfasst die Tags samt Inhalt. Einige Elemente bestehen nur aus einem einzelnen Tag ohne Inhalt, etwa <br> für einen Zeilenumbruch oder <img> für ein Bild. Aus allen Elementen zusammen entsteht der HTML-Code einer Seite, der sogenannte Quellcode.

HTML ist damit die grundlegende Sprache des World Wide Web und auch bei der Erstellung von Content relevant. HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache: Sie beschreibt, was ein Inhalt ist, führt aber keine Logik aus. Für Logik und Interaktion kommt JavaScript hinzu, für die Gestaltung CSS.

HTML gibt Inhalten eine Bedeutung, aber kein Aussehen. Es legt fest, welcher Text eine Überschrift, eine Zwischenüberschrift, ein Absatz, eine Liste oder ein Link ist; wie das Ganze aussieht, bestimmt CSS. Genau diese Bedeutung ist für die Suchmaschinenoptimierung wichtig: Suchmaschinen und KI-Systeme lesen den HTML-Code, um den Inhalt einer Seite zu verstehen. Sauberes, semantisches HTML – mit einer logischen Überschriftenstruktur, aussagekräftigen Linktexten, Alt-Texten für Bilder und Elementen wie <nav>, <main> oder <article> – hilft ihnen dabei. Gleichzeitig verbessert es die Barrierefreiheit, denn auch Screenreader orientieren sich an dieser Struktur.

Einige Beispiele für HTML-Elemente

Dokumenttyp-Deklaration und Wurzelelement: <!DOCTYPE html> gefolgt von <html> … </html>

Kopfbereich mit Meta-Informationen wie Seitentitel und Description: <head> … </head>

Überschrift erster Ordnung: <h1> Überschrift </h1>

Absatz: <p> Text </p> und Zeilenumbruch: <br>

Seitentitel, der in den Suchergebnissen erscheint: <title> Titel der Seite </title>

HTML in der Praxis

HTML wird von der WHATWG (Web Hypertext Application Technology Working Group) als „HTML Living Standard“ fortlaufend weiterentwickelt; die frühere Versionsbezeichnung HTML5 ist dabei aufgegangen. Alle modernen Browser unterstützen ihn. Im Alltag schreibt kaum noch jemand HTML von Hand: Shopsysteme wie Shopware und Shopify oder ein CMS erzeugen den Code aus Templates, und Redakteure gestalten Inhalte über visuelle Editoren mit Buttons für Überschriften, Listen oder Links – ähnlich wie in einem Textprogramm. Viele Editoren bieten zusätzlich eine HTML-Ansicht, in der sich der Code direkt bearbeiten lässt. Für SEO lohnt sich trotzdem ein Blick in den Quellcode: Stimmen Überschriftenstruktur, Title und Description, stehen wichtige Inhalte direkt im HTML oder werden sie erst per JavaScript nachgeladen?

Gestaltet wird HTML mit CSS. Stylesheets können direkt im HTML-Dokument stehen (internes Stylesheet) oder – üblicher – in eigenen Dateien eingebunden werden. Damit lassen sich Farben, Schriftarten, Abstände und das Layout steuern.