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.

Autor schneller ladende HTML-Seiten

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 aktuellen Nachrichtensensationen einen Traffic-Spitzenwert erleben. Dieser Artikel beschreibt, wie Sie die Ladezeiten von Seiten basierend auf allgemeinem Wissen und Experimenten verbessern können.

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.

JavaScript zu Ihrer Webseite hinzufügen

Bringen Sie Ihre Webseiten auf die nächste Stufe, indem Sie JavaScript nutzen. In diesem Artikel erfahren Sie, wie Sie JavaScript direkt aus Ihren HTML-Dokumenten auslösen 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.

Verwendung von Cross-Origin-Bildern in einem Canvas

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

Verwendung von Datenattributen

HTML ist mit Blick auf die Erweiterbarkeit für Daten konzipiert, die mit einem bestimmten Element verknüpft sein sollen, jedoch keine definierte Bedeutung haben müssen. data-* Attribute ermöglichen es uns, zusätzliche Informationen in standardisierten, semantischen HTML-Elementen zu speichern, ohne andere Tricks wie nicht standardisierte Attribute oder zusätzliche Eigenschaften im DOM zu verwenden.