dual screen 1745705 1280 e1707576180151

Was ist HTML? Grundlagen, HTML 4.01 und der heutige Standard

Aktualisiert am 9. Oktober 2026

Kurzantwort

HTML (Hypertext Markup Language) ist die Auszeichnungssprache, mit der Webseiten aufgebaut werden. Sie legt fest, was auf einer Seite eine Überschrift, ein Absatz, ein Bild, ein Link oder ein Formular ist. Wie das aussieht, bestimmt CSS, und für Interaktion sorgt JavaScript. HTML 4.01 war der Standard von 1999 und wurde 2018 offiziell abgelöst. Heute gilt der HTML Living Standard der WHATWG, der laufend aktualisiert wird und keine Versionsnummer mehr trägt.

Dieses Video auf YouTube ansehen · Beim Abspielen werden Daten an YouTube übertragen.

So sieht eine HTML-Seite aus

Ein vollständiges, gültiges HTML-Dokument nach heutigem Standard:

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Meine erste Seite</title>
</head>
<body>
  <header>
    <h1>Hallo Welt</h1>
  </header>
  <main>
    <p>Das ist ein Absatz mit einem <a href="https://example.com/">Link</a>.</p>
    <img src="foto.jpg" alt="Sonnenuntergang am Meer" width="800" height="600">
  </main>
  <footer>
    <p>&copy; 2026</p>
  </footer>
</body>
</html>

Die Bausteine:

  • Elemente bestehen meist aus Start-Tag, Inhalt und End-Tag: <p>Text</p>. Einige sind leer, etwa <img> oder <br>.
  • Attribute liefern Zusatzinfos im Start-Tag: href beim Link, alt als Bildbeschreibung für Screenreader und Suchmaschinen.
  • <head> enthält Metadaten wie Titel, Zeichensatz und Viewport. Im <body> steht der sichtbare Inhalt.
  • Verschachtelung ergibt eine Baumstruktur, das sogenannte DOM, auf das CSS und JavaScript zugreifen.

HTML, CSS und JavaScript: wer macht was?

Technik Aufgabe Beispiel
HTML Struktur und Bedeutung „Das ist eine Überschrift, das ist eine Liste"
CSS Gestaltung und Layout Farben, Schriften, Spalten, Mobilansicht
JavaScript Verhalten Menü aufklappen, Formular prüfen, Daten nachladen

Wie CSS funktioniert und wie es sich seit CSS2 entwickelt hat, liest du unter Cascading Style Sheets: CSS erklärt.

Wichtige HTML-Elemente im Überblick

Bereich Elemente
Text <h1>–<h6>, <p>, <strong>, <em>, <blockquote>
Listen und Tabellen <ul>, <ol>, <li>, <table>, <tr>, <th>, <td>
Links und Medien <a>, <img>, <picture>, <video>, <audio>
Seitenstruktur <header>, <nav>, <main>, <article>, <section>, <aside>, <footer>
Formulare <form>, <input>, <label>, <select>, <textarea>, <button>
Interaktiv <details>/<summary> (aufklappbar), <dialog> (Dialogfenster)

Faustregel: Wähle Elemente nach ihrer Bedeutung, nicht nach ihrem Aussehen. Eine Überschrift gehört in <h2> und nicht in ein fett formatiertes <div>. Das hilft Screenreadern, Suchmaschinen und dir selbst bei der Pflege.

Was war HTML 4.01?

HTML 4.01 wurde am 24. Dezember 1999 als W3C-Empfehlung veröffentlicht. Es war eine Überarbeitung von HTML 4.0 (Dezember 1997) und prägte das Web der 2000er-Jahre. Wichtige Merkmale:

  • Trennung von Inhalt und Gestaltung: Darstellungs-Elemente wie <font> und <center> galten bereits als veraltet („deprecated"). Die Gestaltung sollte in CSS wandern.
  • Drei Varianten (DTDs): Strict ohne veraltete Elemente, Transitional mit ihnen für den Übergang und Frameset für Seiten aus Frames.
  • Frames: Mit <frameset> und <frame> ließ sich das Browserfenster in mehrere unabhängige Bereiche teilen.
  • Langer Doctype: Jede Seite begann mit einer Zeile wie dieser:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">

Auf HTML 4.01 folgte im Januar 2000 XHTML 1.0, also HTML in strenger XML-Schreibweise (also mit den strengen Syntaxregeln von XML). Seit dem 27. März 2018 führt das W3C HTML 4.01 als „Superseded Recommendation", also als abgelösten Standard.

Von HTML 4.01 zum HTML Living Standard

Jahr Meilenstein
1991 Tim Berners-Lee beschreibt erste HTML-Tags
1995 HTML 2.0 als erster formaler Standard (RFC 1866)
1997 HTML 3.2 (Januar) und HTML 4.0 (Dezember) vom W3C
1999 HTML 4.01
2000 XHTML 1.0
2004 Browserhersteller gründen die WHATWG und beginnen mit HTML5
2014 HTML5 wird W3C-Empfehlung (28. Oktober)
2019 W3C und WHATWG einigen sich (28. Mai): Die WHATWG pflegt HTML allein als „Living Standard"

Wichtige Änderungen gegenüber HTML 4.01:

  • Kurzer Doctype: <!DOCTYPE html> genügt.
  • Semantische Strukturelemente wie <header>, <nav>, <main> und <article>.
  • Video und Audio direkt mit <video> und <audio>, ohne Plug-ins wie Flash.
  • Neue Formularfelder wie type="email", type="date" oder required mit eingebauter Prüfung.
  • Entfernt wurden Frames (<frameset>, <frame>) und reine Darstellungselemente wie <font> und <center>. <iframe> gibt es weiterhin.
  • Genau definiertes Parsing: Der Standard legt fest, wie Browser auch fehlerhaften Code verarbeiten. Deshalb verhalten sich Chrome, Firefox und Safari heute sehr einheitlich.

Welche Rolle das W3C heute noch spielt, erklärt der Artikel Was sind die W3C-Webstandards? Überblick 2026.

HTML lernen und prüfen: so startest du

  1. Datei anlegen: Kopier das Beispiel oben in einen Texteditor und speichere es als index.html.
  2. Im Browser öffnen: Doppelklick genügt, ein Server ist nicht nötig.
  3. Code untersuchen: Mit F12 öffnest du die Entwicklertools und siehst den DOM-Baum.
  4. Validieren: Der Nu Html Checker des W3C unter validator.w3.org/nu zeigt Fehler und Warnungen.
  5. Nachschlagen: Die MDN Web Docs erklären jedes Element mit Beispielen und Browser-Kompatibilität.

FAQ

Ist HTML eine Programmiersprache?

Nein, HTML ist eine Auszeichnungssprache. Sie beschreibt Struktur, kennt aber keine Bedingungen oder Schleifen. Logik kommt über JavaScript oder serverseitige Sprachen dazu.

Gibt es HTML6?

Nein. Seit 2019 wird HTML als Living Standard fortlaufend weiterentwickelt. Neue Funktionen kommen hinzu, sobald Browser sie umsetzen, ohne neue Versionsnummer.

Funktionieren alte HTML-4.01-Seiten noch?

In aller Regel ja, denn Browser bleiben abwärtskompatibel. Frames oder <font> solltest du für neue Seiten aber nicht mehr verwenden, und alte Seiten sind oft nicht für Smartphones optimiert.

Brauche ich HTML-Kenntnisse, wenn ich WordPress oder einen Baukasten nutze?

Nicht zwingend, aber Grundwissen hilft beim Anpassen von Inhalten, bei Fehlersuche und SEO. Einen Überblick über Werkzeuge gibt Die besten Tools für die Webseiten-Erstellung.

Auch interessant

Menü