HTML Code <details> öffnet nicht bei Direkt Verlinkung

[Rolf B]

Hallo Sebastian,

ich hab hier einen Firefox 102 ESR - und auch da klappt das automatische Öffnen von Detail-Elementen, die per # in der URL angesprungen werden sollen, nicht.

Da würde wohl ein JavaScript nötig sein, dass sich beim Öffnen der Seite den # Teil der URL anschaut, das Element lokalisiert und allen details-Elementen auf dem Weg dorthin das open Attribut verpasst.

Ich würde aber auf diese <detail>-Technik verzichten. Das <detail> Element ist nicht für die große Gliederung einer Seite gedacht, sondern um zusätzliche Infos oder Steuerelemente einzublenden. Die HTML Spezikation schreibt:

The details element represents a disclosure widget from which the user can obtain additional information or controls.

Mach eine ordentliche Gliederung mit einem h1 Element für die Seite, jeweils einem h2 für die Hauptabschnitte und einem h3 für die Unterabschnitte. Vorneweg wäre auch ein Inhaltsverzeichnis nützlich. Ich persönlich würde die Seite auch auf mehrere Unterseiten aufteilen. Du hast ja ein Tool für Popup-Navigation, das könnte vielleicht auch hier nützen.

Auf den Inhalt gehe ich lieber nicht ein. Der ist katastrophal, aber du schreibst ja selbst, dass das Baustelle ist und unfertig. Viel Erfolg bei der Fertigstellung 😀

Rolf