1. Qu'est-ce qu'une étiquette de liste ?
Qu'est-ce qu'une liste HTML ? Le contenu d’un tableau est une forme d’affichage de texte ou de graphiques dans un conteneur, appelé liste. La principale caractéristique d’une liste est qu’elle est soignée, ordonnée et ordonnée.
Le rôle de la balise list : ajouter une sémantique de liste à un ensemble de données, c'est-à-dire indiquer au moteur de recherche/navigateur que cet ensemble de données constitue un tout.
2. Classement des étiquettes de liste
Les listes HTML sont divisées en listes ordonnées, non ordonnées et définies :
(1) Liste ordonnée, utilisez les balises <ol> + <li>
(2) Liste non ordonnée, utilisez les balises <ul> + <li>
(3) Définissez la liste à l'aide des balises <dl> + <dt> + <dd>
1. Liste non ordonnée
Une liste non ordonnée est une liste d'éléments marqués de points gras (généralement de petits cercles noirs).
La liste non ordonnée commence par la balise <ul>. Chaque élément de la liste commence par <li>.
<html><body><!--Une liste non ordonnée : --><ul><li>Café</li><li>Lait</li><li>Thé vert</li><li>Coke< /li><li>Yaourt</li></ul></body></html>
Le résultat final présenté est le suivant :
Les listes non ordonnées nécessitent l'utilisation des balises <ul> et <li> :
(1) <ul> est l'abréviation de liste non ordonnée, ce qui signifie une liste non ordonnée.
(2) <ul> est identique à <li> dans <ol>, indiquant chaque élément de la liste. Par défaut, chaque élément d'une liste non ordonnée est représenté par le symbole ●.
Remarque : <ul> est généralement utilisé conjointement avec <li> et n'apparaîtra pas seul. Il n'est pas recommandé d'utiliser d'autres balises autres que <li> directement dans <ul>.
2. Liste ordonnée
Une liste ordonnée est également une liste d'éléments, et les éléments de la liste sont étiquetés par des chiffres.
Une liste ordonnée commence par la balise <ol>. Chaque élément de la liste commence par une balise <li>.
<html><body><!--Une liste ordonnée : --><ol><li>Café</li><li>Lait</li><li>Thé vert</li><li>Coke< /li><li>Yaourt</li></ol></body></html>
Le résultat final présenté est le suivant :
Les listes ordonnées nécessitent l'utilisation des balises <ol> et <li> :
(1) <ol> est l'abréviation de order list, ce qui signifie une liste ordonnée. Elle peut numéroter chaque élément de la liste, en commençant par le numéro 1 par défaut.
(3) <li> est l'abréviation d'élément de liste, qui représente chaque élément de la liste. Le nombre de <li> dans <ol> indique le nombre d'éléments de contenu. Les éléments de liste peuvent contenir du texte, des images, des liens, etc., ou même une autre liste.
Remarque : <ol> est généralement utilisé conjointement avec <li> et n'apparaîtra pas seul. Il n'est pas recommandé d'utiliser d'autres balises autres que <li> directement dans <ol>.
3. Liste de définitions
Une liste personnalisée n'est pas simplement une liste d'éléments, mais une combinaison d'éléments et de leurs commentaires.
Les listes personnalisées commencent par une balise <dl>. Chaque élément de liste personnalisée commence par <dt>. La définition de chaque élément de liste personnalisée commence par <dd>.
<html><body><!--Une liste ordonnée : --><dl><dt>Café</dt><dd>Boissons chaudes</dd><dt>Lait</dt><dd>Boissons froides < /dd></dl></body></html>
Le résultat final présenté est le suivant :
La définition de listes nécessite les balises <dl>, <dt> et <dd> :
(1) <dl> est l'abréviation de definition list, qui signifie liste de définitions.
(2) <dt> est l'abréviation de definition term, qui désigne le terme de définition, c'est ce que nous appelons le titre.
(3) <dd> est l'abréviation de definition description, qui signifie description de définition.
On peut considérer que <dt> définit un concept (terme), et <dd> est utilisé pour expliquer le concept (terme).
Remarque : <dt> et <dd> sont des balises sœurs, et ce sont toutes deux des sous-balises de <dl>. Généralement, chaque <dt> est associé à un <dd>, et un <dl> peut contenir plusieurs paires de <dt> et <dd>.
Résumé : lister les balises