Kurze Nachschlagewerke für HTML
uhtml.de sammelt Referenzen für die tägliche HTML-Arbeit: wie ein sauberes Grundgerüst aussieht, welches Element wofür steht, was ein Sonderzeichen als Entity heißt, welche Attribute eine Seite barrierefreier machen. Keine Kurse, keine Tutorials von vorne bis hinten – nur das Nachschlagen, wenn man es kurz braucht.
Jede Seite folgt demselben Aufbau: erst die Sache selbst, dann die Details, am Ende die Fehler, die in echten Projekten immer wieder vorkommen. Wann eine Seite zuletzt durchgesehen wurde, steht unter ihrer Überschrift – wie das gemeint ist, erklärt die Seite über dieses Angebot.
Aufbau einer Seite
- HTML-Grundgerüst
Der minimale, valide Aufbau einer HTML5-Seite, Zeile für Zeile erklärt.
- Semantische Elemente
header, nav, main, article, section, aside, footer – welches Element wofür steht.
- Globale Attribute
id, class, lang, title, hidden, data-* und tabindex – die Attribute an jedem Element.
Elemente im Alltag
- Links und das rel-Attribut
Adressformen, target, und was noopener, nofollow, sponsored und ugc bedeuten.
- Bilder einbinden
img, srcset, picture, loading und warum width und height nie fehlen sollten.
- Tabellen
caption, thead, th mit scope, colspan – und wie eine Tabelle vorgelesen wird.
- Formulare
Die 22 input-Typen, label, fieldset, autocomplete und die eingebaute Prüfung.
- Listen
ul, ol und dl – wann welche Liste richtig ist, mit start, reversed und value.
- Video und Audio einbinden
video, audio, source und track – Formate, Untertitel und warum autoplay meist stumm bleibt.
- iframe und Einbettungen
Fremde Inhalte einbetten: title, loading, sandbox, allow – und was der Datenschutz dazu sagt.
Zeichen und Zugänglichkeit
- HTML-Sonderzeichen
Umlaute, Anführungszeichen, Währungs- und Pfeilsymbole als Entity.
- Barrierefreiheit in HTML
Sprache, alt-Texte, Überschriften, Tastaturbedienung und Kontrast.
Prüfen
- HTML validieren
Der Nu Html Checker, die häufigsten Meldungen im Klartext und welche man ignorieren darf.
Was diese Seite nicht tut
Keine Cookies, keine Werbung, keine fremden Dienste. Die Schriften liegen auf demselben Server, beim Aufruf geht also keine einzige Anfrage an einen Dritten hinaus. Das ist weniger eine Haltung als eine praktische Entscheidung: Ein Nachschlagewerk soll schnell aufgehen und nichts mitschreiben.
Die Codebeispiele dürfen ohne Rückfrage in eigenen Projekten verwendet werden, privat wie geschäftlich. Wer einen Fehler findet oder etwas vermisst, schreibt am besten kurz über die Kontaktseite – das ist der nützlichste Hinweis überhaupt.
