HTML steht für HyperText Markup Language. Die Auszeichnungssprache beschreibt Struktur und Bedeutung von Webinhalten: Überschriften, Absätze, Navigation, Links, Formulare, Bilder und weitere Elemente. Die HTML-Dokumentation von MDN bezeichnet HTML deshalb als grundlegenden Baustein des Webs.
HTML ist keine Programmiersprache. Es formuliert keine beliebigen Abläufe, sondern zeichnet Inhalte mit semantischen Elementen aus. CSS gestaltet ihre Darstellung. JavaScript ergänzt Verhalten und Interaktion.
Struktur trägt Bedeutung
Ein Browser kann viele Inhalte auch dann darstellen, wenn fast alles in bedeutungsneutralen Containern steckt. Für Menschen mit assistiven Technologien, Suchmaschinen und andere auswertende Systeme fehlt dann jedoch ein grosser Teil der Bedeutung.
Ein `nav`-Element kennzeichnet eine Navigation, `main` den Hauptinhalt und `article` einen eigenständigen Beitrag. Überschriften gliedern Abschnitte, Listen fassen zusammengehörende Punkte zusammen und ein Button bezeichnet eine Aktion. Diese Rollen sollten nach ihrer Funktion gewählt werden, nicht nach ihrem voreingestellten Aussehen.
HTML, CSS und JavaScript haben getrennte Aufgaben
HTML beschreibt Inhalt und Struktur. CSS steuert Farben, Abstände, Typografie und Layout. JavaScript reagiert auf Eingaben, verändert Zustände oder lädt Daten nach.
Diese Trennung erleichtert Wartung und Fehlersuche. Ein Link bleibt als Link erkennbar, auch wenn Styles nicht geladen werden. Eine Dokumentationsseite bleibt lesbar, wenn JavaScript ausfällt. Interaktive Funktionen dürfen JavaScript voraussetzen; grundlegende Inhalte und Navigation sollten dadurch nicht unnötig verschwinden.
Semantik hilft Zugänglichkeit und Suche
Semantisches HTML gibt Browsern und Hilfsmitteln eine gemeinsame Struktur. Eine logisch aufgebaute Überschriftenhierarchie erleichtert die Navigation mit Screenreadern. Beschriftete Formularfelder erklären, welche Eingabe erwartet wird. Alternativtexte vermitteln den Inhalt relevanter Bilder.
Auch Suchmaschinen lesen diese Struktur. Ein eindeutiger Titel, ein klarer Hauptinhalt, verständliche Links und passende strukturierte Daten helfen bei der Einordnung. HTML allein garantiert kein Ranking, verhindert aber, dass wichtige Inhalte nur als visuell gestaltete, semantisch unbestimmte Fläche erscheinen.
Das Grundgerüst einer Seite
Ein HTML-Dokument besitzt ein Wurzelelement und zwei zentrale Bereiche. Im `head` stehen Metadaten wie Zeichensatz, Seitentitel, Beschreibung, Canonical und Verweise auf Styles. Im `body` liegt der sichtbare und bedienbare Inhalt.
Die Dokumentensprache gehört an das `html`-Element. Ein früher Zeichensatzhinweis verhindert fehlerhafte Sonderzeichen. Der Viewport-Hinweis sorgt dafür, dass mobile Browser die Seite in einer passenden Breite darstellen. Diese Grundlagen sind klein, wirken aber auf Zugänglichkeit, Suchmaschinen und responsive Darstellung.
Links und Formulare brauchen verständliche Ziele
Ein Link führt zu einer anderen Ressource oder Stelle. Sein Text sollte das Ziel benennen, statt nur «hier» zu sagen. Ein Button löst eine Aktion innerhalb der aktuellen Oberfläche aus. Werden beide Rollen vertauscht, wird die Bedienung für Tastatur, Screenreader und Browserfunktionen unvorhersehbar.
Formulare benötigen sichtbare Beschriftungen, verständliche Fehlermeldungen und möglichst wenige Pflichtfelder. Datensparsame Website-Formulare reduzieren Reibung und vermeiden Daten, die für den jeweiligen Zweck nicht gebraucht werden.
HTML kann erzeugt werden
HTML muss nicht von Hand in jeder Seite stehen. Ein Generator kann Inhalte aus Markdown, Daten oder Templates in statische HTML-Dateien übersetzen. Ein Server kann HTML bei einer Anfrage erzeugen, und eine Webanwendung kann Teile des Dokuments im Browser verändern.
Für Leser und Suchmaschinen zählt das Ergebnis. Wichtige Inhalte, Links, Metadaten und strukturierte Daten müssen im ausgelieferten oder zuverlässig gerenderten Dokument vorhanden sein. Der Erzeugungsweg darf keine widersprüchlichen Canonicals, doppelte Überschriften oder leere Seiten hinterlassen.
Fremde Inhalte müssen begrenzt werden
HTML aus unbekannter Quelle kann aktive oder unerwünschte Elemente enthalten. Anwendungen dürfen Benutzereingaben deshalb nicht ungeprüft in eine Seite übernehmen. Je nach Zweck werden Inhalte maskiert, auf erlaubte Elemente begrenzt oder mit einer geprüften Sanitizing-Bibliothek verarbeitet.
Auch eingebettete Inhalte, externe Skripte und Tracking-Pixel erweitern den Datenfluss einer Seite. Gute Webentwicklung behandelt HTML deshalb zugleich als Teil von Sicherheit, Datenschutz und UX.
Merksatz
HTML gibt Webinhalten Struktur und Bedeutung. Ein belastbares Dokument bleibt verständlich, zugänglich und auffindbar, weil seine Elemente nach ihrer Aufgabe gewählt wurden.