HTML-Leitfäden
Diese Seite listet die Leitfäden zur Verwendung von HTML auf.
- HTML-Formularvalidierung und die Constraint Validation API verwenden
Das Erstellen von Webformularen war schon immer eine komplexe Aufgabe. Das Formular selbst auszuzeichnen ist einfach. Schwieriger ist es, zu prüfen, ob jedes Feld einen gültigen und stimmigen Wert enthält. Auch die Nutzer über Probleme zu informieren, kann aufwendig sein. HTML5 führte neue Mechanismen für Formulare ein: neue semantische Typen für das
input-Element und die Validierung von Einschränkungen, die das Prüfen von Formularinhalten auf der Clientseite erleichtert. Einfache, übliche Einschränkungen lassen sich ohne JavaScript durch Attribute prüfen; komplexere Einschränkungen können mit der Constraint Validation API getestet werden.- HTML-Spickzettel für Syntax und häufige Aufgaben
Bei der Verwendung von HTML kann es sehr hilfreich sein, eine einfache Möglichkeit zu haben, sich daran zu erinnern, wie HTML-Tags richtig verwendet und angewandt werden. MDN bietet Ihnen ausführliche HTML-Referenzdokumentation sowie eine tiefgehende instruktive Reihe von HTML-Leitfäden. In vielen Fällen benötigen wir jedoch nur einige schnelle Hinweise während der Arbeit. Das ist der Zweck des Spickzettels – um Ihnen schnelle, genaue und gebrauchsfertige Code-Beispiele für gängige Verwendungen zu geben.
- Inhaltskategorien
Die meisten HTML-Elemente gehören zu einer oder mehreren Inhaltskategorien – diese Kategorien gruppieren Elemente, die gemeinsame Merkmale teilen. Dies ist eine lose Gruppierung (sie schafft tatsächlich keine Beziehung zwischen den Elementen dieser Kategorien), aber sie helfen, das Verhalten der Kategorien und ihre zugehörigen Regeln zu definieren und zu beschreiben. Es ist möglich, dass Elemente zu keiner dieser Kategorien gehören.
- Verständnis von Quirks- und Standardsmodi
In den frühen Tagen des Webs wurden Webseiten typischerweise in zwei Versionen geschrieben: Eine für Netscape Navigator und eine für Microsoft Internet Explorer. Als die Webstandards beim W3C entwickelt wurden, konnten Browser diese nicht einfach übernehmen, da dies die meisten existierenden Seiten im Web beeinträchtigen würde. Browser führten daher zwei Modi ein, um neue standardkonforme Seiten anders als alte Legacy-Seiten zu behandeln.
- Verwendung von Datums- und Zeitformaten in HTML
Bestimmte HTML-Elemente verwenden Datums- und/oder Zeitwerte. Die Formate der Zeichenfolgen, die diese Werte angeben, werden in diesem Artikel beschrieben.
- Verwendung von HTML-Kommentaren <!-- … -->
Ein HTML-Kommentar wird verwendet, um erklärende Anmerkungen zum Markup hinzuzufügen oder um zu verhindern, dass der Browser bestimmte Teile des Dokuments interpretiert.
- Verwendung von Microdata in HTML
Microdata ist Teil des WHATWG HTML-Standards und wird verwendet, um Metadaten in bestehende Inhalte auf Webseiten einzubetten. Suchmaschinen und Webcrawler können Microdata von einer Webseite extrahieren und verarbeiten, um ein reicheres Browsing-Erlebnis für Benutzer bereitzustellen. Suchmaschinen profitieren stark von direktem Zugriff auf diese strukturierten Daten, da sie es Suchmaschinen ermöglichen, die Informationen auf Webseiten zu verstehen und relevantere Ergebnisse für Benutzer zu liefern. Microdata verwendet ein unterstützendes Vokabular, um ein Item zu beschreiben und Werte in Form von Namens-Wert-Paaren seinen Eigenschaften zuzuweisen. Microdata ist ein Versuch, eine deklarative Methode zur Annotation von HTML-Elementen mit maschinenlesbaren Tags bereitzustellen, im Gegensatz zu den ähnlichen Ansätzen der Verwendung von RDFa und klassischen Mikroformaten.
- Verwendung von Mikroformaten in HTML
Mikroformate sind Standards, die verwendet werden, um Semantik und strukturierte Daten in HTML einzubetten, und bieten eine API, die von sozialen Webanwendungen, Suchmaschinen, Aggregatoren und anderen Tools genutzt werden kann. Diese minimalen Muster von HTML werden verwendet, um Entitäten zu markieren, die von grundlegenden bis zu domänenspezifischen Informationen reichen, wie z.B. Personen, Organisationen, Veranstaltungen und Orte.
- Verwendung von responsiven Bildern in HTML
In diesem Artikel lernen wir das Konzept der responsiven Bilder kennen – Bilder, die auf Geräten mit unterschiedlichen Bildschirmgrößen, Auflösungen und anderen Merkmalen gut funktionieren – und schauen uns an, welche Werkzeuge HTML bietet, um sie zu implementieren. Dies hilft, die Leistung auf verschiedenen Geräten zu verbessern.