Wie generieren Sie eine Website-Navigation?

Ich interessiere mich dafür, wie andere mit der Website-Navigation umgehen. Nicht der Styling- oder Usability-Teil, sondern der Generierungsteil. Die meisten Websites haben eine Art „Navigationsbaum“, der in Form einer oder mehrerer Menüebenen angezeigt wird. In welcher Form speichern und verarbeiten Sie diesen Baum? Die einfachste Lösung ist eine statische Menüvorlage, etwa so:

<ul id="menu">
   <li><a href="…">One</a></li>
   <li><a href="…">Two</a></li>
   <li><a href="…">Three</a></li>
</ul>

Das ist aber nicht sehr flexibel. Sie können die aktuelle Seite nicht einfach im Menü markieren, und es gibt keine einfache Möglichkeit, einen Teil des Menübaums abhängig von der aktuellen Seite anzuzeigen oder auszublenden. (Oder ist es?)

Ich habe mir einen Navigationsbaum ausgedacht, der ungefähr so ​​aussieht:

    - title: Fruits
      nodes:
        - title: Apples
        - title: Oranges
        - title: Bananas
    - title: Music and Stuff
      url: music
      nodes:
        - title: Classical
        - title: Jazz

Dieser Baum wird von einem Special geladenNavigation Klasse, die abhängig vom aktuellen Anforderungspfad Teile der Navigation bedienen kann. Das scheint ein bisschen besser zu funktionieren, aber ich bin immer noch sehr neugierig auf die Lösungen anderer.

Antworten auf die Frage(8)

Ihre Antwort auf die Frage