HTML-Leitfäden
Diese Seite listet die Leitfäden zur Verwendung von HTML auf.
- HTML-Spickzettel für Syntax und häufige Aufgaben
Beim Verwenden von HTML kann es sehr hilfreich sein, eine einfache Möglichkeit zu haben, sich daran zu erinnern, wie man HTML-Tags richtig verwendet und anwendet. MDN bietet Ihnen eine umfassende HTML-Referenzdokumentation sowie eine tiefgehende Reihe von HTML-Leitfäden. In vielen Fällen benötigen wir jedoch nur einige schnelle Hinweise, während wir arbeiten. Das ist der gesamte Zweck des Spickzettels: Ihnen einige schnelle, genaue und einsatzbereite Codeausschnitte für gängige Verwendungen bereitzustellen.
- 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 (es wird tatsächlich keine Beziehung zwischen Elementen dieser Kategorien geschaffen), aber sie helfen dabei, das gemeinsame Verhalten der Kategorien und ihre zugehörigen Regeln zu definieren und zu beschreiben. Es ist möglich, dass Elemente (wie
track) nicht Mitglied irgendeiner dieser Kategorien sind.- Verständnis von Quirks- und Standardmodi
In den frühen Tagen des Webs wurden Seiten typischerweise in zwei Versionen erstellt: Eine für Netscape Navigator und eine für Microsoft Internet Explorer. Als die Webstandards vom W3C entwickelt wurden, konnten Browser diese nicht einfach übernehmen, da dies die meisten existierenden Webseiten im Web beeinträchtigen würde. Browser haben daher zwei Modi eingeführt, um neue standardkonforme Seiten anders als alte legacy Seiten zu behandeln.
- Verwenden der HTML-Formularvalidierung und der Constraint Validation API
Das Erstellen von Webformularen war schon immer eine komplexe Aufgabe. Während das Markieren des Formulars selbst einfach ist, ist das Überprüfen, ob jedes Feld einen gültigen und kohärenten Wert hat, schwieriger, und den Benutzer über das Problem zu informieren, kann Kopfschmerzen bereiten. HTML5 führte neue Mechanismen für Formulare ein: Es fügte neue semantische Typen für das
input-Element hinzu und die Constraint-Validierung, um die Überprüfung des Formularinhalts auf der Clientseite zu erleichtern. Grundlegende, übliche Einschränkungen können ohne JavaScript durch das Setzen neuer Attribute überprüft werden; komplexere Einschränkungen können mit der Constraint Validation API getestet werden.- Verwenden von Mikroformaten in HTML
Mikroformate sind Standards, die verwendet werden, um Semantik und strukturierte Daten in HTML einzubetten und eine API bereitzustellen, die von sozialen Webanwendungen, Suchmaschinen, Aggregatoren und anderen Tools genutzt werden kann. Diese minimalen Muster in HTML dienen zur Markierung von Entitäten, die von grundlegenden bis hin zu domänenspezifischen Informationen wie Personen, Organisationen, Ereignissen und Orten reichen.
- Verwenden von responsiven Bildern in HTML
In diesem Artikel lernen wir das Konzept der responsiven Bilder kennen – Bilder, die auf Geräten mit sehr unterschiedlichen Bildschirmgrößen, Auflösungen und anderen Eigenschaften gut funktionieren – und schauen uns an, welche Werkzeuge HTML bietet, um sie zu implementieren. Dies trägt dazu bei, die Leistung auf verschiedenen Geräten zu verbessern.
- Verwendung des Viewport-Meta-Elements
Dieser Artikel beschreibt, wie Sie das "viewport"
<meta>-Tag verwenden, um die Größe und Form des Viewports zu steuern.- 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 erläuternde Notizen 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 vorhandenen Inhalten auf Webseiten einzubetten. Suchmaschinen und Webcrawler können Microdata aus einer Webseite extrahieren und verarbeiten, um den Nutzern eine reichhaltigere Browser-Erfahrung zu bieten. Suchmaschinen profitieren sehr von dem direkten Zugriff auf diese strukturierten Daten, da sie es den Suchmaschinen ermöglichen, die Informationen auf Webseiten zu verstehen und relevantere Ergebnisse für die Benutzer bereitzustellen. Microdata verwendet ein unterstützendes Vokabular, um ein Element zu beschreiben, und Wert-Paare, um seinen Eigenschaften Werte zuzuordnen. Microdata ist ein Versuch, eine deklarative Methode zur Annotation von HTML-Elementen mit maschinenlesbaren Tags bereitzustellen, die über die ähnlichen Ansätze von RDFa und klassischen Mikroformaten hinausgeht.