Texto original: http://andymao.com/andy/post/104.html
Seção anterior : Lista ordenadaDepois de escrever a lista não ordenada e a lista ordenada, alguém me disse que esses dois artigos não tinham sentido. Se esses dois artigos forem lidos apenas em leitura unidirecional, é realmente sem sentido, mas o importante desses dois artigos é pedir aos leitores que acrescentem seus próprios pensamentos. Tags únicas ordenadas e desordenadas são simples, apenas saiba como usá -las, mas não acho que o ponto principal seja saber como é essa tag, mas o ponto principal é para que tipo de dados é adequado para que tipo de lista. Que tipo de dados é solicitado e que tipo de dados é desordenado? Você deve pensar depois de ler, para que você possa aprender as coisas e seu conhecimento pertence a você.
A lista de definições tem um formulário e uso especiais. Comparado com a lista desordenada, existem muito menos listas de definições. Há também muitos amigos que ainda não começaram a usar esta lista, então vamos dividir o código desta lista:
<Dl>
<dt> </dt>
<Dd> </dd>
</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 nos dados que não possuem DD, e a maioria deles possui DD, acho que esse formulário pode existir.
<Dl>
<dt> Lista classificada </dt>
<dt> Lista classificada </dt>
<dt> Lista classificada </dt>
<dt> Lista classificada </dt>
</dl>
O exposto acima é obviamente inapropriado. Este formulário é uma lista não ordenada. Por que você precisa usar uma lista de definições? Não faz sentido em termos de semântica.
<Dl>
<dt> Lista classificada </dt>
<dd> Lista classificada é o formulário de dados organizado por dados sequenciados em uma lista </dd>
<dt> Lista classificada </dt>
<dd> Lista classificada é o formulário de dados organizado por dados sequenciados em uma lista </dd>
<dt> Esta frase não tem explicação </dt>
<dt> Lista classificada </dt>
<dd> Lista classificada é o formulário de dados organizado por dados sequenciados em uma lista </dd>
</dl>
Pessoalmente, acho que a forma acima é viável. Então, um DT pode carregar vários DDs? Também não encontrei instruções documentais sobre esse 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 interpretaçã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.
Vamos começar falando sobre isso. O rótulo em si não tem nada, e a chave é pensar em como aplicá -la. Deixe -me dar uma foto abaixo para ver se você deve usar uma lista personalizada. Vamos discutir isso juntos.