HTML: Definition, Aufbau und Beispiel

HTML (Hypertext Markup Language) ist die Auszeichnungssprache, mit der Inhalte und Struktur von Webseiten beschrieben werden. Laut MDN legt HTML die Bedeutung und Struktur von Webinhalten fest. CSS beschreibt dazu die Darstellung, JavaScript das Verhalten.

Wie ist HTML aufgebaut?

Ein HTML-Dokument besteht aus Elementen. Ein Element wird meist durch ein Start-Tag und ein End-Tag begrenzt, zum Beispiel <p> und </p>, und kann Attribute tragen, die sein Verhalten steuern. Die Grundstruktur umfasst eine DOCTYPE-Angabe, den <head> mit Metadaten wie <title> und den <body> mit den sichtbaren Inhalten. Semantische Elemente wie <article>, <nav> und <section> geben dem Inhalt Bedeutung.

HTML geht auf Tim Berners-Lees Hypertext-Vorschlag von 1989 am CERN zurück. HTML5 wurde am 28. Oktober 2014 W3C-Empfehlung. 2019 vereinbarten WHATWG und W3C, künftig an einer gemeinsamen HTML-Version zu arbeiten. Heute pflegt die WHATWG den HTML Standard als Living Standard, der laufend weiterentwickelt wird. Er beschreibt auch das Document Object Model, also die Darstellung des Dokuments im Speicher des Browsers.

Warum ist HTML für SEO wichtig?

Suchmaschinen verarbeiten Seiten auf Basis ihres HTML. Titel, Überschriften, Links, Bilder und strukturierte Daten stehen dort. Wo Inhalte erst per JavaScript entstehen, unterscheiden sich Roh-HTML und gerendertes HTML. Weiterführend dazu stehen die Begriffe Raw HTML und Rendered HTML.

Beispiel

HTML

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <title>Beispielseite</title>
</head>
<body>
  <h1>Überschrift</h1>
  <p>Ein Absatz mit <a href="/seite/">Link</a>.</p>
</body>
</html>

Häufige Fehler

Links ohne href. Laut Google kann ein Link im Allgemeinen nur dann gecrawlt werden, wenn er ein <a>-Element mit href-Attribut ist. Formate wie <span href="…"> oder <a onclick="…"> werden meist nicht erfasst.
javascript:-Adressen im href. Google löst solche Angaben nicht zuverlässig in eine Webadresse auf. Der href sollte eine echte URL enthalten.
Leerer Linktext. Ohne Text zwischen den <a>-Tags fehlt der Ankertext. Bei Bildlinks nutzt Google das alt-Attribut, das dann nicht leer sein sollte.

Häufige Fragen

Wird HTML heute noch genutzt? Ja, jede Webseite wird als HTML ausgeliefert.

Quellen

HTML: HyperText Markup Language – MDN Web Docsdeveloper.mozilla.org
HTML Standard – Introduction (WHATWG)html.spec.whatwg.org
A Little History of the World Wide Web – W3Cw3.org
HTML5 – W3C Recommendation, 28 October 2014w3.org
Hypertext Markup Language – Wikipedia (de)de.wikipedia.org
Link best practices for Google – Google Search Centraldevelopers.google.com

Stand: 8. Oktober 2026