Kennst du das Konzept von "Brotkrumen" (breadcrumbs)? Welche HTML-Tags würdest du bei der Implementierung dieses Components verwenden?

Brotkrumen (breadcrumbs) sind ein Navigationselement, das den Pfad des Benutzers innerhalb einer Website oder Anwendung anzeigt.

Zur Implementierung eines solchen Elements in HTML verwendet man üblicherweise:

• <nav> mit dem Attribut aria-label="breadcrumb", um den Navigationsbereich zu kennzeichnen.
• Innerhalb eine sortierte Liste <ol>, wobei jedes <li> eine Navigationsebene darstellt.
• Die Links innerhalb von <li> werden mit <a> formatiert, und das aktuelle (letzte) Element ohne Link oder mit dem Attribut aria-current="page".

Beispiel:

<nav aria-label="breadcrumb">
  <ol>
    <li><a href="/home">Startseite</a></li>
    <li><a href="/category">Kategorie</a></li>
    <li aria-current="page">Aktuelle Seite</li>
  </ol>
</nav>