HTML-Leitfäden
Diese Seite listet die Leitfäden zur Verwendung von HTML auf.
- HTML-Spickzettel für Syntax und häufige Aufgaben
Beim Arbeiten mit 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 erweiterte HTML-Referenzdokumentation sowie eine umfassende Anleitung in Form von HTML-Leitfäden. In vielen Fällen benötigen wir jedoch nur schnelle Hinweise, während wir arbeiten. Der Spickzettel hat genau diesen Zweck, um Ihnen schnell präzise und gebrauchsfertige Code-Snippets für allgemeine Anwendungsfälle zu liefern.
- Inhaltskategorien
Die meisten HTML-Elemente gehören zu einer oder mehreren Inhaltskategorien – diese Kategorien gruppieren Elemente, die gemeinsame Merkmale aufweisen. Dabei handelt es sich um eine lose Gruppierung (sie schafft tatsächlich keine Beziehung zwischen den Elementen dieser Kategorien), aber sie helfen, das gemeinsame Verhalten der Kategorien und deren zugehörige 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 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 des Viewport-Meta-Elements
Dieser Artikel beschreibt, wie Sie das "viewport"
<meta>-Tag verwenden, um die Größe und Form des Viewports zu kontrollieren.- Verwendung responsiver Bilder in HTML
In diesem Artikel lernen wir das Konzept der responsiven Bilder kennen – Bilder, die gut auf Geräten mit sehr unterschiedlichen Bildschirmgrößen, Auflösungen und anderen Merkmalen funktionieren – und sehen, welche Werkzeuge HTML bietet, um sie zu implementieren. Dies hilft, die Leistung auf verschiedenen Geräten zu verbessern.
- 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-Formularvalidierung und der Constraint Validation API
Die Erstellung von Webformularen war schon immer eine komplexe Aufgabe. Während das Markieren des Formulars selbst einfach ist, ist die Überprüfung, ob jedes Feld einen gültigen und kohärenten Wert hat, schwieriger, und die Benutzer über das Problem zu informieren, kann zu einer Herausforderung werden. HTML5 führte neue Mechanismen für Formulare ein: Es fügte neue semantische Typen für das
input-Element und die Constraint-Validierung hinzu, um die Überprüfung des Formularinhalts auf der Client-Seite zu erleichtern. Basiskonstanten können überprüft werden, ohne dass JavaScript erforderlich ist, indem neue Attribute gesetzt werden; komplexere Einschränkungen können mit der Constraint Validation API getestet werden.- Verwendung von HTML-Kommentaren <!-- … -->
Ein HTML-Kommentar wird verwendet, um erklärende Notizen im Markup hinzuzufügen oder um den Browser daran zu hindern, bestimmte Teile des Dokuments zu interpretieren.
- Verwendung von Mikrodata in HTML
Mikrodata ist Teil des WHATWG HTML-Standards und wird verwendet, um Metadaten in bestehende Inhalte auf Webseiten einzubetten. Suchmaschinen und Webcrawler können Mikrodata von einer Webseite extrahieren und verarbeiten, um den Nutzern ein reichhaltigeres Surferlebnis zu bieten. Suchmaschinen profitieren erheblich von direktem 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. Mikrodata verwendet einen unterstützenden Wortschatz, um ein Item zu beschreiben, und Name-Wert-Paare, um den Eigenschaften Werte zuzuweisen. Mikrodata ist ein Versuch, eine deklarative Methode zur Kennzeichnung von HTML-Elementen mit maschinenlesbaren Tags bereitzustellen, im Gegensatz zu ähnlichen Ansätzen wie 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.