HTML ist die Dokumentebene des Webs und bietet die Struktur und den Inhalt, die für sinnvolle Webseiten erforderlich sind. Hier finden Sie Inhalte zu HTML wie Kurse, Artikel, Sammlungen und andere nützliche Informationen, mit denen Sie Ihr Wissen über diesen wichtigen Teil des Webs erweitern können.
Sie haben noch keine Erfahrung mit HTML? Wir haben einen umfassenden Kurs für den Einstieg zusammengestellt.
In diesen anderen Kursen können Sie sich eingehender mit bestimmten Themen in HTML befassen.
Hier finden Sie Informationen zu den neuesten HTML-Funktionen, die in allen gängigen Browser-Engines verfügbar sind.
Hier erfahren Sie mehr über HTML-Muster und -Konzepte, mit denen Sie barrierefreiere Webanwendungen erstellen können.
Lernen Sie HTML-basierte Konzepte und Muster kennen, mit denen Sie Ihre Webanwendungen schneller machen können.
Informationen zum Entfernen von HTML- und DOM-Fehlern in Ihren Webanwendungen mit den Chrome-Entwicklertools
KURS

Wenn Sie mit HTML noch nicht vertraut sind, können Sie sich hier informieren. In unserem Kurs HTML lernen werden die Grundlagen der Funktionsweise von HTML erläutert, z. B. strukturelle Aspekte, Metadaten, Semantik und weitere Themen, mit denen Sie Ihre Fähigkeiten verbessern können.

Wenn Sie mehr über HTML erfahren möchten, finden Sie in diesen anderen Kursen Informationen zu fortgeschrittenen Themen, mit denen Sie Ihre Webanwendungen verbessern können.

Mit HTML-Formularen können Nutzer Eingaben für Ihre Webanwendungen machen. In diesem Kurs erfahren Sie alles, was Sie über die effektive Verwendung von HTML-Formularen wissen müssen.
Bilder werden zwar häufig im Web verwendet, aber es gibt noch mehr als das img-Element. In diesem Kurs erfahren Sie alles, was Sie über die Verwendung von Bildern im Web wissen müssen.
Die Barrierefreiheit umfasst alle Teile der Webplattform. Das Erstellen barrierefreien HTML-Codes ist der Grundstein für die Entwicklung barrierefreier Webanwendungen. In diesem Kurs erfahren Sie alles, was Sie zum Erstellen barrierefreien Markups wissen müssen.

Baselines signalisieren Webentwicklern, wann Webplattformfunktionen in allen gängigen Browser-Engines sicher verwendet werden können. Hier sind einige HTML-Funktionen, die jetzt in Baseline verfügbar sind.

Deklaratives Shadow-DOM ist jetzt Standard. Wurde 2024 eingeführt.
Die Popover API ist seit 2024 als Baseline verfügbar.
Das Attribut inert ist seit 2023 als Baseline Newly verfügbar.
Das Lazy-Loading von iframes ist seit 2023 standardmäßig verfügbar.

HTML ist ein wesentlicher Bestandteil der Entwicklung barrierefreier Webanwendungen. In diesem Abschnitt finden Sie Artikel und Ressourcen, in denen Sie mehr darüber erfahren, wie Sie mit HTML barrierefreie Webanwendungen erstellen.

Wenn Sie die richtigen Elemente für Überschriften und Markierungen verwenden, können Sie die Navigation für Nutzer mit Hilfstechnologien erheblich verbessern.
Durch die Verwendung der richtigen semantischen HTML-Elemente können Sie möglicherweise die meisten oder alle Tastaturzugriffsanforderungen erfüllen. Das bedeutet weniger Zeit für das Einstellen des Tabindex und zufriedenere Nutzer.
Viele Nutzer mit vorübergehenden und dauerhaften motorischen Einschränkungen nutzen Tastenkombinationen, um Apps effizienter zu nutzen. Eine gute Strategie für die Tastaturnavigation in Ihrer Anwendung sorgt für eine bessere Nutzererfahrung.
Damit ein Screenreader den Nutzenden eine gesprochene Benutzeroberfläche anzeigen kann, müssen aussagekräftige Elemente geeignete Beschriftungen oder Textalternativen haben. Eine Beschriftungs- oder Textalternative verleiht einem Element seinen barrierefreien Namen. Dies ist eine der wichtigsten Eigenschaften für die Semantik von Elementen im Baum für Barrierefreiheit.

Die Verwendung von HTML kann sich auf die Leistung Ihrer Webanwendungen auswirken. In diesem Abschnitt finden Sie Artikel und Ressourcen, die Ihnen dabei helfen, mehr darüber zu erfahren, wie Sie mithilfe von HTML Ihre Webanwendungen schneller machen.

Der Browser-Preload-Scanner ist ein spezieller HTML-Parser, mit dem der Browser Ressourcen früher erkennt als sonst. Hier erfahren Sie, wie es die Leistung von Webanwendungen verbessert und wie Sie es vermeiden können.
Die Fetch Priority API verwendet das HTML-Attribut fetchpriority, um dem Browser die relative Priorität von Ressourcen anzugeben. So lässt sich ein optimaler Ladevorgang ermöglichen und die Core Web Vitals verbessern.
Beim Vorabladen von Ressourcen wird der Browser über das HTML-Element link angewiesen, eine Ressource abzurufen, bevor sie benötigt wird. In diesem Leitfaden erfahren Sie, wie Sie damit die Leistung Ihrer Webanwendungen verbessern können.
Das Lazy Loading von Bildern ist eine effektive Methode, um die Bandbreite beim ersten Laden einer Seite zu sparen. In diesem Leitfaden erfahren Sie, wie Sie mithilfe von HTML loading Bilder per Lazy Load laden.

Die Chrome-Entwicklertools sind Tools, mit denen Entwickler Fehler in Webanwendungen beheben können. Hier sind einige Tools, mit denen Sie den HTML- und DOM-Code Ihrer Seite in Ihren Webanwendungen sowie andere ähnliche Konzepte debuggen können.

In den DevTools finden Sie den Bereich „Elemente“, in dem Sie das DOM Ihrer Webanwendung aufrufen, bearbeiten und debuggen können. In dieser Anleitung erfahren Sie, wie Sie den Bereich „Elemente“ verwenden.
Im Bereich „Elemente“ in den DevTools können Sie auf Änderungen am DOM achten, die durch JavaScript ausgelöst werden. Hier erfahren Sie, wie Sie diese nützliche Funktion zum Beheben von Änderungen am DOM Ihrer Webanwendung verwenden.
Im Bereich „Abdeckung“ können Sie nicht verwendeten CSS- und JavaScript-Code finden, der über die HTML-Datei Ihrer Webanwendung geladen wird. In diesem Leitfaden erfahren Sie, wie Sie die Funktion verwenden und wie Sie damit die Leistung Ihrer Webanwendungen verbessern können.