Balises de liste HTML5 couramment utilisées

Cette fois, je vous présente les balises de liste HTML5 couramment utilisées, et quelles sont les précautions lors de l'utilisation des balises de liste HTML5. Voici des cas pratiques, jetons un coup d'œil.

1. Fonction des balises de liste

Fonction : ajouter une sémantique de liste à un ensemble de données, c'est-à-dire indiquer la recherche moteur Dites au navigateur que cet ensemble de données est un tout

2. Classification des balises de liste :

1. liste  : ajoutez la sémantique de liste à une pile de données, et toutes les données de la pile de données ne sont pas classées dans un ordre particulier

Format :

<ul>
    <li>需要显示的条目内容</li>
</ul>

Remarque : La balise ul est destinée au contenu de la liste. Ce qui ajoute de la sémantique, ce n'est pas l'ajout de petits points ; la balise ul et la balise li forment un tout et apparaissent ensemble, il n'est pas recommandé d'inclure et d'autres balises dans la balise ul, et d'autres balises

Comment écrire rapidement au format ul : ul>li*3 Appuyez sur la touche de tabulation pour générer une paire de balises ul, 3 paires de balises li

Le scénario d'application est actualités/liste de produits/

Navigationbar

2. Liste ordonnée :

<ol>
       <li>xxx<li>
  </ol>

3. 🎜>

dt : titre de la définition

<dl>
    <dt></dt>
    <dd></dd>
</dl>

dd : définition description description du titre de la définition

Scénario d'application : informations de description en bas du site mixtes graphiques et texte

Remarque : dl, dt, dd forment un tout et apparaissent ensemble. Il est recommandé que seuls dl Put dt et dd puissent ne pas avoir de dd correspondant, ou qu'il puisse avoir plusieurs dd. a dd ; lorsque vous avez besoin d'enrichir l'interface, vous pouvez ajouter d'autres balises aux balises dt et dd

Croyez-le ou non Après avoir lu le cas dans cet article, vous maîtrisez la méthode. Pour des informations plus intéressantes. , veuillez faire attention aux autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Téléchargement asynchrone de fichiers H5

Explication détaillée de l'utilisation de la base de données indexeddb

API glisser-déposer H5 pour le tri par glisser-déposer

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!