Kategorie: HTML-Referenz

Erstellen Sie zwei unabhängige Radiogruppen und prüfen Sie ihre übermittelten Werte in einem vollständigen Beispiel. Erfahren Sie, wie name, id, value, checked, required, reset, Labels und Tastaturwahl zusammenarbeiten.

Vergleiche Betonungsakzente mit Wichtigkeit in einem vollständigen HTML-Beispiel. Lerne, wann du em, strong, b oder CSS font-weight verwenden solltest und warum visuelle Gestaltung die semantische Bedeutung nicht ersetzt.

Berechnen Sie den Aufgabenfortschritt mit Wert und Maximalwert und wechseln Sie zu unbestimmtem Fortschritt in einem vollständigen interaktiven Beispiel. Erfahren Sie, wie Sie die Aufgabe benennen, ihren Status ankündigen und Fortschritt vom Messgerät unterscheiden.

Vergleichen Sie die explizite Zuordnung über for/id mit einem umschließenden label. Ein vollständiges Beispiel zeigt Klicks, Tastaturbedienung, ergänzende Beschreibungen und die Fehlersuche bei doppelten IDs.

Benennen Sie die gesamte Tabelle mit caption und unterscheiden Sie den Titel von th-Überschriften. Ein vollständiges Beispiel zeigt die Positionierung mit caption-side und erläutert die Barrierefreiheit.

Vergleichen Sie br-Zeilenumbrüche mit der Quellcode-Formatierung und getrennten Absätzen in einem vollständigen Beispiel. Eine Vergleichstabelle erklärt, wann man p, wbr oder pre wählen sollte und warum der Abstand von Absätzen über CSS gesteuert werden sollte.

Trennen Sie die Kontaktdaten eines Artikelautors von denen des Websitebetreibers anhand eines vollständigen Beispiels. Erfahren Sie, wofür address geeignet ist, wie mailto funktioniert und welche Inhalte und Darstellungsänderungen zulässig sind.

Vergleichen Sie die Namen und Werte von select- und option-Feldern in einem funktionierenden Formular mit Pflicht- und Mehrfachauswahl. Überprüfen Sie den Ausschluss deaktivierter Felder, ausgewählte Standardwerte, Zurücksetzverhalten und wie alle ausgewählten Werte gelesen werden.

Vergleichen Sie deaktiviertes Scripting mit einem JavaScript-Laufzeitfehler anhand eines vollständigen noscript-Beispiels. Erfahren Sie, wie Sie wichtige Anleitungen verfügbar halten und wo Ersatzinhalt im body und head platziert werden sollte.

Vergleichen Sie Beschriftungen vor und nach eigenständigen Inhalten anhand eines vollständigen Beispiels mit figure und figcaption. Erfahren Sie, wie sich Beschriftungen von Bildalternativtexten unterscheiden und wie das SVG auf einem schmalen Bildschirm skaliert.