HTML.

HTML beschreibt, was etwas ist — nicht, wie es aussieht. Ein Element wie h1 sagt: Das ist die Hauptüberschrift. Ein a-Element sagt: Das ist ein Link. Ein button-Element sagt: Das ist eine Schaltfläche. Wie gross, farbig oder animiert diese Elemente erscheinen, regelt CSS. Diese Trennung ist der Kern des Webs und der Grund, warum dieselbe Seite auf einem Smartphone, einem Bildschirmleser und in einer Suchmaschine sinnvoll funktionieren kann.

Ein HTML-Dokument besteht aus zwei Teilen. Der head-Bereich enthält Informationen über die Seite: Title-Tag, Meta-Description, Sprachangabe, Canonical, Verweise auf Stylesheets und strukturierte Daten. Der body-Bereich enthält den sichtbaren Inhalt. «HTML5» ist der gängige Name für den heutigen Stand der Sprache; offiziell wird sie als «HTML Living Standard» fortlaufend von der WHATWG weiterentwickelt.

Semantisches HTML bedeutet, für jeden Zweck das passende Element zu verwenden: header, nav, main, article und footer für die Seitenstruktur, eine klare Hierarchie von h1 bis h3, echte Listen, Tabellen für tabellarische Daten und button statt eines klickbaren div. Für Suchmaschinen und KI-Systeme ist das wichtig, weil sie Inhalte über diese Struktur verstehen und Passagen zitieren. Für Menschen mit Bildschirmleser ist es die Voraussetzung, eine Seite überhaupt bedienen zu können — siehe digitale Barrierefreiheit.

Ein oft übersehener Punkt ist die Menge an HTML. Seitenbaukästen und Page-Builder erzeugen häufig verschachtelte Strukturen, in denen der eigentliche Text nur einen kleinen Anteil ausmacht. Das macht Seiten schwerer, langsamer und für Crawler mühsamer auszuwerten. Sauber geschriebenes HTML ist schlank, gut lesbar und liefert den Inhalt bereits beim ersten Laden aus — idealerweise per Server-Side Rendering statt erst nach dem Ausführen von JavaScript.