Tutoriel HTML : Définition List_HTML/Xhtml_Production de pages Web

Texte original : http://andymao.com/andy/post/104.html
Section précédente : Liste ordonnée
Après avoir écrit "Unordered List" et "Ordered List", quelqu'un m'a dit que ces deux articles n'étaient pas intéressants. Si ces deux articles ne sont lus qu'en lecture à sens unique, alors cela n'a effectivement aucun sens, mais l'important à propos de ces deux articles est qu'ils obligent les lecteurs à ajouter leur propre réflexion. Les balises simples ordonnées et non ordonnées sont très simples, tant que vous savez comment les utiliser, mais je pense que le point clé n'est pas de savoir à quoi ressemble la balise, le point clé est de savoir quel type de liste convient à quel type de données. Quels types de données sont ordonnés et quels types de données ne sont pas ordonnés ? Vous devez réfléchir après avoir lu pour pouvoir apprendre quelque chose et que les connaissances puissent vous appartenir.
Les listes de définitions ont une forme et une utilisation particulières Par rapport aux listes non ordonnées, les listes de définitions sont beaucoup moins souvent utilisées. Il y a aussi de nombreux amis qui n’ont pas commencé à utiliser cette liste, alors décomposons le code de cette liste :

En regardant le code ci-dessus, nous constatons que la balise

n'apparaît pas ici, mais se compose de trois balises : DL, DT et DD. Sur la base de l'apparence et de la liste précédente, nous pouvons savoir que DL est. un conteneur pour cette liste, tout comme une boîte, la différence est que cette fois il n'y a pas qu'une seule petite boîte de normes uniformes dans la boîte. Au lieu de cela, deux contenus différents apparaissent. Comment comprenons-nous ces DT et DD ? Sémantiquement parlant, DT est le nom, le titre, et DD est l'explication, le contenu. DT et DD sont tous deux des cases. DD correspond uniquement à l'explication d'un DT au-dessus, et ne peut être interprété au-delà du niveau ou vers le bas. Lorsque DT n'existe pas, alors DD n'a aucun sens d'existence, et si DT a nécessairement besoin de DD pour le suivre, je n'ai pas trouvé la littérature exacte pour expliquer ce point, mais sur la base de ma compréhension de la liste de définitions, je pense que s'il n'y a que DT et pas de DD dans les données, alors il ne peut pas s'agir d'une liste de définitions et utilisez simplement une liste non ordonnée UL. Mais quand seulement une ou quelques données n'ont pas de DD, et que la plupart d'entre elles ont DD, alors je pense que ce formulaire peut exister.

Liste ordonnée

Liste ordonnée

Liste ordonnée

Liste ordonnée

Ce qui précède est évidemment inapproprié. Ce formulaire est une liste non ordonnée. Pourquoi utiliser une liste de définitions ? Cela n'a pas de sens sémantiquement.

Liste ordonnée

Une liste ordonnée est un formulaire de données dans lequel des données séquencées sont organisées dans une liste

Liste ordonnée

Une liste ordonnée est un formulaire de données dans lequel des données séquencées sont organisées en liste

Il n'y a aucune explication pour cette phrase

Liste ordonnée

La liste ordonnée est un formulaire de données dans lequel les données séquencées sont organisées en liste

Personnellement, je pense que le formulaire ci-dessus est réalisable. Alors, un DT peut-il transporter plusieurs DD ? Je n'ai également trouvé aucune littérature indiquant que cela n'est pas possible, et il existe encore de nombreux exemples d'un DT avec plusieurs DD sur certains sites Web bien connus. Mon opinion à ce sujet est que dans des circonstances particulières, il est acceptable d'avoir un DT avec plusieurs DD, mais en général, je pense que cette approche fait encore défaut. Du point de vue de l'interprétation, plusieurs DD indiquent-ils plusieurs interprétations ? Ou bien l'explication doit être divisée en paragraphes, et il n'est pas nécessaire de laisser DD être le chien qui attrape la souris. De nombreuses balises de paragraphe peuvent être intégrées dans un DD. De plus, du point de vue de l’application du style, plusieurs DD sont lâches dans leur ensemble et leur conception n’est pas suffisamment évolutive. Par exemple, lorsque l'on souhaite créer l'effet de cliquer sur DT pour masquer le DD correspondant, cette approche multi-DD n'est pas si simple à mettre en œuvre. Par conséquent, si ce n'est pas à des fins particulières, essayez de ne pas utiliser un DT avec plusieurs DD. Placez plutôt le contenu dans le DD. Pour la segmentation, utilisez des balises de paragraphe. Pour la segmentation, utilisez des listes ordonnées ou non.
Parlons-en depuis le début. L’étiquette en elle-même n’est rien. L’important est de réfléchir à la manière de l’appliquer. Voici une image pour vous permettre de voir si vous devez utiliser une liste personnalisée. Discutons-en ensemble.