Introduction de l'article de wulin.com (www.vevb.com): Tutoriel XHTML: DL, DT, DD définit les balises de la classe de liste.
Lorsque nous faisons des listes, nous n'utilisons généralement que les balises UL et Li. Quant à DL, DT et DD, ils sont rarement utilisés. Ces trois balises sont des balises qui définissent les classes de liste. Permettez-moi de vous dire l'utilisation générale ci-dessous. Décomposons d'abord le code de cette liste:1234 <dl> <! - Liste de définition (liste de définition) -> <dt> </dt> <! - Terme de définition (élément de définition) -> <dd> </dd> <! - Définition Description (Définition Description) -> </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'un ou quelques-uns dans les données qui n'ont pas de DD, et la plupart d'entre eux ont DD, alors Yuanzi croit que cette forme peut exister.
Jetons un coup d'œil à un autre exemple:
123456 <dl> <dt> Liste triée </dt> <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 définie? Cela n'a pas de sens en termes de sémantique.
Un DT peut-il transporter plusieurs DD? exemple:
12345678 <DL> <DT> Station de télévision nationale </dt> <dd> Set Central </dd> <dd> Set Central </dd> <dd> Set Central </dd> <dd> Set Station de télévision étrangère </dd> <dd> American en ligne </dd> </ dl>
Je pense personnellement que la forme ci-dessus est possible. En ce qui concerne la question de savoir si un DT peut transporter plusieurs DD, je n'ai trouvé aucune documentation 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'explication, 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. Et votre opinion?
Enfin, je voudrais vous donner un meilleur exemple pour votre référence:
12345678 <DL> <DT> "Spirited Away" </dt> <dd> L'intrigue raconte l'histoire d'une fille de 10 ans, Chihiro, de la ville à la campagne avec ses parents. De façon inattendue, un accident est arrivé à la famille en déménageant. Ils entrent dans un monde particulier contrôlé par la sorcière du propriétaire de la Soup House - où les gens qui ne travaillent pas seront transformés en animaux. </dd> <dt> "Tongkat" </dt> <dd> Les deux sœurs qui ont déménagé à la campagne avec leur père ont trouvé un Totoro sous un grand arbre à côté de leur maison, qui ne peut être vu que par de bons enfants. Il y a beaucoup d'histoires incroyables et intéressantes qui se produisent entre-temps. </dd> </dl>