Artigo Introdução de wulin.com (www.vevb.com): xhtml tutorial: dl, dt, dd define as tags da classe da lista.
Quando fazemos listas, geralmente usamos apenas tags UL e LI. Quanto a DL, DT e DD, eles raramente são usados. Essas três tags são tags que definem classes de lista. Deixe -me dizer o uso geral abaixo. Vamos dividir o código desta lista primeiro:1234 <DL> <!-Lista de definições (lista de definição)-> <dt> </dt> <!-termo de definição (item de definição)-> <dd> </dd> <!-Definição Descrição (Definição Descrição)-> </dl>
Olhando para o código acima, descobrimos que não há tag <li> aqui, mas consiste em três tags DL, DT e DD. De acordo com a aparência e a lista anterior, podemos saber que o DL é um contêiner desta lista, como uma caixa. A diferença é que desta vez a caixa não é apenas uma única caixa pequena com um padrão unificado. Em vez disso, existem dois conteúdos diferentes, como entendemos DT e DD? Semanticamente, DT é o nome, o título e o DD é a explicação, o conteúdo. DT e DD são duas caixas, o DD apenas interpreta um dos DTs acima e não pode ser explicado mais ou para baixo. Quando o DT não existe, o DD não tem significado. Não encontrei a literatura exata sobre se o DT deve segui -lo. No entanto, com base no meu entendimento da lista de definições, acho que se houver apenas DT e não DD nos dados, essa não pode ser uma lista de definições e apenas usar a lista não ordenada UL. Mas quando há apenas um ou alguns deles nos dados que não possuem DD, e a maioria deles possui DD, Yuanzi acredita que esse formulário pode existir.
Vamos dar uma olhada em outro exemplo:
123456 <Dl> <dt> Lista de classificação </dt> <dt> Lista classificada </dt> <dt> Lista classificada </dt> <dt> Lista de classificação </dt> <dt> Lista de classificação </dt> </dl>
O exposto acima é obviamente inapropriado. Este formulário é uma lista não ordenada. Por que você precisa usar uma lista definida? Não faz sentido em termos de semântica.
Um DT pode carregar vários DDs? exemplo:
12345678 <Dl> <dt> Estação de TV doméstica </dt> <dd> Conjunto central </dd> <dd> Conjunto central </dd> <dd> Conjunto central </dd> <dd> Conjunto central </dd> <dd> Conjunto central </dd> <dd> TV estranha
Pessoalmente, acho que a forma acima é viável. Em relação à questão de saber se um DT pode transportar vários DDs, não encontrei nenhuma documentação sobre este ponto. E ainda existem muitos desses DT com vários DDs em alguns sites conhecidos. Minha opinião sobre isso é que não há problema ter vários DDs em diferentes situações, mas geralmente acho que essa abordagem ainda está faltando. Do ponto de vista da explicação, vários DDs indicam várias explicações? Ou se você deseja explicar o conteúdo nos segmentos, não precisa deixar o DD ser o cão capturando ratos. Muitas tags de parágrafos podem ser incorporadas em um DD. Além disso, da perspectiva das aplicações de estilo, vários DDs são soltos como um todo, e seu design é insuficientemente extensível. Por exemplo, quando queremos clicar em DT para ocultar o efeito DD correspondente, esse método de Multi-DD não é tão fácil de implementar. Portanto, se não for um objetivo especial, tente não usar um DT com vários DDs o máximo possível. Em vez disso, coloque o conteúdo em DD. Se for segmentado, deixe a etiqueta do parágrafo ser usada e, se for segmentada, seja expressa a lista ordenada ou não ordenada. E a sua opinião?
Finalmente, gostaria de dar um exemplo melhor para sua referência:
12345678 <Dl> <dt> "Fuitited" </dt> <dd> A trama conta a história de uma menina de 10 anos Chihiro se movendo da cidade para o campo com seus pais. Inesperadamente, um acidente aconteceu com a família enquanto se movia. Eles entram em um mundo peculiar controlado pela bruxa do proprietário da casa da sopa - onde as pessoas que não trabalham serão transformadas em animais. </dd> <dt> "Tongkat" </dt> <dd> As duas irmãs que se mudaram para o campo com o pai encontraram um totoro sob uma grande árvore ao lado de sua casa, que só pode ser vista por boas crianças. Enquanto isso, existem muitas histórias incríveis e interessantes acontecendo. </dd> </dl>