Maison > interface Web > Tutoriel H5 > Balises de liste HTML5 couramment utilisées

Balises de liste HTML5 couramment utilisées

php中世界最好的语言
Libérer: 2018-03-26 16:38:11
original
2943 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion
3. 🎜>

dt : titre de la définition

<dl>
    <dt></dt>
    <dd></dd>
</dl>
Copier après la connexion
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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal