Listenelemente (`<li>`) befinden sich in übergeordneten `<ul>`- oder `<ol>`-Elementen
Der HTML-Element <li>
wird verwendet, um ein Listenelement darzustellen, das ein Bestandteil einer Liste ist. In HTML sind Listenelemente erforderlich, um in einem Elternelement enthalten zu sein, das den Typ der Liste identifiziert, zu der sie gehören. Dieses Elternelement kann entweder ein <ul>
-Element sein, das für eine ungeordnete Liste steht, oder ein <ol>
-Element, das für eine geordnete Liste steht.
Es gibt mehrere Gründe, warum es wichtig ist, dass Listenelemente in einem <ul>
- oder <ol>
-Elternelement enthalten sind.
Erstens hilft das Elternelement, dem Listenelement Kontext und Struktur zu verleihen. Ohne das Elternelement wäre es schwierig für einen Benutzer oder einen Webbrowser zu verstehen, dass die Listenelemente Teil einer Liste sind, und die Liste wäre nicht richtig formatiert.
Zweitens wird das Elternelement verwendet, um den Typ der Liste zu definieren, zu der die Listenelemente gehören. Eine ungeordnete Liste wird verwendet, um eine Liste von Elementen darzustellen, die nicht in einer bestimmten Reihenfolge präsentiert werden müssen, während eine geordnete Liste verwendet wird, um eine Liste von Elementen darzustellen, die in einer bestimmten Reihenfolge präsentiert werden sollen, zum Beispiel eine nummerierte Liste.
Schließlich wird das Elternelement verwendet, um Stile auf die Listenelemente anzuwenden. Sie können zum Beispiel mit CSS das Aussehen der Listenelemente ändern, indem Sie die Art und Weise ändern, wie die Aufzählungszeichen oder Zahlen angezeigt werden, oder indem Sie die Farbe oder Schriftart der Listenelemente ändern.
Zusammenfassend ist es wichtig, dass Listenelemente in einem <ul>
- oder <ol>
-Elternelement enthalten sind, um dem Listenelement Kontext, Struktur und Stil zu verleihen. Ohne diese Elternelemente wäre die Liste nicht richtig formatiert und für Benutzer schwierig zu verstehen und zu navigieren.
Ähnliche Artikel:
Listen enthalten nur `<li>`-Elemente und Elemente zur Skriptunterstützung (`<script>` sowie `<template>`). ARIA `progressbar`-Elemente haben zugängliche Namen ARIA `treeitem`-Elemente haben zugängliche Namen `[aria-*]`-Attribute weisen gültige Werte auf `[role]`-Elemente sind ihren jeweils erforderlichen übergeordneten Elementen untergeordnet The page has a logical tab order `[aria-*]`-Attribute sind gültig und richtig geschrieben ARIA-IDs sind eindeutig Custom controls have associated labels `[aria-*]`-Attribute entsprechen ihren Rollen