HTML steht für Hypertext Markup Language und ist die Grundsprache des Webs. Sie legt die Struktur und den Inhalt einer Seite fest, also Überschriften, Absätze, Listen, Links und Bilder. Jede Webseite, die Sie im Browser sehen, basiert im Kern auf HTML.
Man kann sich HTML als das Gerüst eines Hauses vorstellen: Es bestimmt, was wo steht. Das Aussehen ergänzt anschließend CSS, und Interaktivität bringt JavaScript hinzu. Sauberes, semantisch korrektes HTML ist die Grundlage für gute Lesbarkeit durch Mensch und Maschine.
Warum sauberes HTML wichtig ist
- Suchmaschinen verstehen die Struktur und Schwerpunkte besser
- Screenreader können Inhalte zuverlässig vorlesen
- Die Seite bleibt wartbar und zukunftssicher
Eine korrekte Überschriftenstruktur und aussagekräftige Auszeichnung zahlen damit direkt auf SEO und Barrierefreiheit ein.
Warum die Auszeichnung Bedeutung trägt
HTML beschreibt nicht das Aussehen, sondern die Bedeutung der Bestandteile. Eine Überschrift wird als Überschrift ausgezeichnet, eine Aufzählung als Liste, und die Ebenen von der ersten bis zur dritten Überschrift bilden die Gliederung ab. Suchmaschinen erschließen daraus den Aufbau einer Seite, Screenreader ermöglichen damit die Bedienung ohne Bildschirm.
Für das Aussehen sorgt CSS, für bewegliche Funktionen JavaScript. Die drei Sprachen arbeiten zusammen, lassen sich aber trennen: Eine Seite mit sauberem HTML bleibt auch dann verständlich, wenn Gestaltung oder Skripte ausfallen. Aussagekräftige Alternativtexte für Bilder gehören ebenfalls zur Auszeichnung.
Aufbau eines HTML-Elements
Ein HTML-Element besteht meist aus einem öffnenden Tag, dem Inhalt und einem schließenden Tag mit einem Schrägstrich vor dem Namen, etwa bei einem Absatz wie <p>Willkommen</p>. Elemente lassen sich ineinander verschachteln, wobei das innere Element stets vor dem äußeren geschlossen wird und der Browser die Struktur so eindeutig erkennt. Einige Elemente wie der Zeilenumbruch br kommen mit einem einzigen Tag ohne eigenen Inhalt aus. Zusätzliche Angaben stehen als Attribute im öffnenden Tag, etwa href mit dem Ziel eines Links oder bei einem Bild src für die Bilddatei, alt für den Alt-Text sowie width und height für die Maße. Die Werte setzen Sie am besten immer in Anführungszeichen, und für die Namen der Tags empfiehlt sich die Kleinschreibung.
Das Grundgerüst einer HTML-Seite
Jede HTML-Datei beginnt mit der Angabe <!doctype html>, auf die das Element html als äußerer Rahmen für den gesamten Inhalt folgt. Darin steht zuerst der Kopfbereich head mit unsichtbaren Angaben über die Seite, etwa die Zeichenkodierung UTF-8, der Title-Tag für den Browser-Tab und die Lesezeichen sowie die Meta-Description für die Suchergebnisse. Dazu gehört auch die Angabe zum Viewport, mit der mobile Browser die tatsächliche Breite des Bildschirms übernehmen. Alle sichtbaren Inhalte wie Überschriften, Texte, Bilder und Links folgen anschließend im Element body. Die Startseite einer Webseite trägt in der Regel den Dateinamen index.html.