Registerkarten (Tab Panels) mit details

Unter dynamischen Tabs (engl. Tabbed interfaces oder Tab Panels) versteht man das Präsentieren von Inhalten in Registerkarten. Reiter wie in einer Hängeregistratur verweisen auf die vorhandenen Registerkarten. Da nur die ausgewählte Registerkarte angezeigt wird, ist dies eine platzsparende, übersichtliche und visuell intuitive Art Inhalte zu präsentieren.

Wenn Sie mehrere details-Elemente über ein gemeinsames name-Attribut verbinden, werden beim Öffnen eines details-Elements bereits geöffnete details-Elemente ohne weiteres Zutun geschlossen.

Dies funktioniert (Stand: Dezember 2023) bereits in Chrome, Edge und Safari.

Registerkarten müssen von allen bedienbar sein: egal ob durch Touch, mit der Maus, aber auch mit der Tastatur - z.B. mit der Tab-Taste .

Alles kein Problem mit dem details-Element!