Tutoriel HTML: Liste de définition

Texte d'origine: http://andymao.com/andy/post/104.html

Après avoir écrit la liste non ordonnée et la liste ordonnée, quelqu'un m'a dit que ces deux articles n'avaient pas de sens. Si ces deux articles ne sont lus qu'en lecture à sens unique, il n'a en effet que dénué de sens, mais l'important à propos de ces deux articles est de demander aux lecteurs d'ajouter à leurs propres pensées. Les balises uniques commandées et désordonnées sont simples, sachez simplement les utiliser, mais je ne pense pas que le point clé est de savoir à quoi ressemble cette balise, mais le point clé est de quel type de données convient au type de liste. Quel type de données est ordonné et quel type de données est désordonnée? Vous devez réfléchir après la lecture, afin que vous puissiez apprendre des choses et que vos connaissances vous appartiennent.

La liste de définition a une forme et une utilisation spéciales. Par rapport à la liste désordonnée, il y a beaucoup moins de listes de définition. Il y a aussi beaucoup d'amis qui n'ont pas encore commencé à utiliser cette liste, alors décomposons le code de cette liste:

<dl>

<dt> </dt>

<dd> </dd>

</dl>

En regardant le code ci-dessus, nous avons constaté qu'il n'y a pas de balise <li> ici, mais se compose de trois balises DL, DT et DD. Selon l'apparence et la liste précédente, nous pouvons savoir que DL est un conteneur de cette liste, tout comme une boîte. La différence est que cette fois, la boîte n'est pas seulement une seule petite boîte avec une norme unifiée. Au lieu de cela, il y a deux contenus différents, comment comprenons-nous DT et DD? Sémantiquement, DT est le nom, le titre et DD est l'explication, le contenu. DT et DD sont les deux boîtes, DD uniquement interprète l'un des DTs ci-dessus et ne peut pas être expliqué plus loin ou vers le bas. Lorsque DT n'existe pas, alors DD n'a aucun sens. Je n'ai pas trouvé la littérature exacte sur la question de savoir si le DT doit le suivre. Cependant, en fonction de ma compréhension de la liste de définition, je pense que s'il n'y a que du DT et pas de DD dans les données, cela ne peut pas être une liste de définition, et utilisez simplement la liste UL non ordonnée. Mais quand il n'y en a qu'une ou quelques-unes dans les données qui n'ont pas de DD, et la plupart d'entre elles ont DD, alors je pense que cette forme peut exister.

<dl>

<dt> Liste triée </dt>

<dt> Liste triée </dt>

<dt> Liste triée </dt>

<dt> Liste triée </dt>

</dl>

Ce qui précède est évidemment inapproprié. Ce formulaire est une liste non ordonnée. Pourquoi avez-vous besoin d'utiliser une liste de définition? Cela n'a pas de sens en termes de sémantique.

<dl>

<dt> Liste triée </dt>

<dd> La liste triée est le formulaire de données organisé par des données séquencées dans une liste </dd>

<dt> Liste triée </dt>

<dd> La liste triée est le formulaire de données organisé par des données séquencées dans une liste </dd>

<dt> Cette phrase n'a aucune explication </dt>

<dt> Liste triée </dt>

<dd> La liste triée est le formulaire de données organisé par des données séquencées dans une liste </dd>

</dl>

Je pense personnellement que la forme ci-dessus est possible. Alors, un DT peut transporter plusieurs DD? Je n'ai également trouvé aucune instruction documentaire sur ce point, et il y a encore beaucoup de DT de ce type avec plusieurs DD dans certains sites Web bien connus. Mon opinion à ce sujet est qu'il est normal d'avoir plusieurs DD dans différentes situations, mais généralement je pense que cette approche fait toujours défaut. Du point de vue de l'interprétation, plusieurs DD indiquent-ils plusieurs explications? Ou si vous voulez expliquer le contenu dans les segments, vous n'avez pas besoin de laisser DD être le chien attrapant des rats. De nombreuses balises de paragraphe peuvent être intégrées dans un DD. De plus, du point de vue des applications de style, plusieurs DD sont lâches dans son ensemble et leur conception est insuffisamment extensible. Par exemple, lorsque nous voulons cliquer sur DT pour masquer l'effet DD correspondant, cette méthode de multi-DD n'est pas si facile à implémenter. Par conséquent, si ce n'est pas un objectif spécial, essayez de ne pas utiliser un DT avec plusieurs DD autant que possible. Au lieu de cela, mettez le contenu dans DD. S'il est segmenté, laissez l'étiquette de paragraphe être utilisée et si elle est segmentée, laissez la liste ordonnée ou non ordonnée être exprimée.

Commençons par en parler. L'étiquette elle-même n'a rien, et la clé est de réfléchir à la façon de l'appliquer. Permettez-moi de vous donner une image ci-dessous pour voir si vous devez utiliser une liste personnalisée. Discutons-le ensemble.