HTML Heading/Überschrift Text Generator
Überschriften strukturieren Inhalte – pro Seite genau ein <h1>, untergeordnete h2-h6 hierarchisch.
Anwendung & Beispiele
Eine logische Hierarchie verbessert SEO und Barrierefreiheit. Springe nicht von h1 direkt zu h4.
FAQ
Wieso nur ein <h1> pro Seite?
Das <h1> repräsentiert den Hauptinhalt. Mehrere <h1> verwirren Suchmaschinen und Screenreader bei der Hierarchie. Untergeordnete Bereiche bekommen <h2>, deren Unterbereiche <h3> usw.
Was, wenn ich rein optisch große Schrift brauche?
Nutze CSS (font-size) auf einem <p> oder <div>. Überschriften-Tags sind semantisch und sollten dem Inhalts-Aufbau folgen, nicht dem Layout.
Kann ich von <h2> direkt zu <h4> springen?
Technisch ja, aber semantisch falsch. Die Hierarchie sollte lückenlos sein — Screenreader-Nutzer navigieren oft per Heading-Sprünge und stolpern über Lücken.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.