Anleitung

Diese Seite listet Anleitungen für HTML auf, die Aufgaben wie das Hinzufügen von JavaScript zu Seiten, die Optimierung der Ladeleistung, das semantische Definieren von Begriffen, das Arbeiten mit data-*-Attributen und mehr abdecken.

Begriffe mit HTML definieren

HTML bietet verschiedene Möglichkeiten, Beschreibungssemantik zu vermitteln, sei es inline oder als strukturierte Glossare. In diesem Artikel werden wir erläutern, wie Sie Schlüsselwörter korrekt kennzeichnen, wenn Sie diese definieren.

Fügen Sie Ihrer Webseite JavaScript hinzu

Bringen Sie Ihre Webseiten mit JavaScript auf die nächste Stufe. Lernen Sie in diesem Artikel, wie Sie JavaScript direkt aus Ihren HTML-Dokumenten aufrufen können.

Platzieren Sie eine Hitmap auf einem Bild

Sie können eine klickbare Bildkarte in HTML mit den Elementen area und map erstellen. Dieser Artikel beschreibt, wie Sie eine Bildkarte einrichten, und welche Nachteile zu berücksichtigen sind, bevor Sie eine erstellen.

Schnelle HTML-Seiten erstellen

Eine optimierte Webseite bietet nicht nur eine reaktionsschnellere Seite für Ihre Besucher, sondern reduziert auch die Belastung Ihrer Webserver und Internetverbindung. Dies kann entscheidend für stark frequentierte Seiten sein oder für Seiten, die aufgrund ungewöhnlicher Umstände, wie z.B. bei Eilmeldungen, einen plötzlichen Anstieg des Traffics erfahren. Dieser Artikel beschreibt, wie Sie die Ladezeiten von Seiten basierend auf allgemeinem Wissen und Experimenten verbessern können.

Verwenden von Cross-Origin-Bildern in einem Canvas

HTML bietet ein crossorigin-Attribut für Bilder, das in Kombination mit einem geeigneten CORS-Header ermöglicht, dass Bilder, die durch das img-Element definiert und von fremden Ursprüngen geladen werden, in einem canvas verwendet werden können, als ob sie vom aktuellen Ursprung geladen worden wären.

Verwendung von Datenattributen

HTML ist mit dem Gedanken der Erweiterbarkeit für Daten konzipiert, die mit einem bestimmten Element verknüpft sein sollten, aber keine definierte Bedeutung haben müssen. data-* Attribute ermöglichen es uns, zusätzliche Informationen auf standardmäßigen, semantischen HTML-Elementen zu speichern, ohne auf andere Tricks wie nicht-standardisierte Attribute oder zusätzliche Eigenschaften auf dem DOM zurückgreifen zu müssen.