Tutorial HTML: lista de definiciones

Texto original: http://andymao.com/andy/post/104.html

Después de escribir la lista desordenada y la lista ordenada, alguien me dijo que estos dos artículos no tenían sentido. Si estos dos artículos solo se leen en una lectura unidireccional, de hecho no tiene sentido, pero lo importante de estos dos artículos es pedir a los lectores que agregan a sus propios pensamientos. Las etiquetas individuales ordenadas y desordenadas son simples, solo sepa cómo usarlas, pero no creo que el punto clave sea saber cómo se ve esta etiqueta, pero el punto clave es qué tipo de datos es adecuado para qué tipo de lista. ¿Qué tipo de datos se ordenan y qué tipo de datos están desordenados? Debes pensar después de leer, para que puedas aprender las cosas y tu conocimiento te pertenece.

La lista de definiciones tiene un formulario y uso especial. En comparación con la lista desordenada, hay muchas menos listas de definición. También hay muchos amigos que aún no han comenzado a usar esta lista, así que desglosemos el código de esta lista:

<dl>

<dt> </dt>

<dd> </dd>

</dl>

Mirando el código anterior, encontramos que no hay una etiqueta <li> aquí, pero consta de tres etiquetas DL, DT y DD. Según la apariencia y la lista anterior, podemos saber que DL es un contenedor de esta lista, al igual que un cuadro. La diferencia es que esta vez la caja no es solo una pequeña caja pequeña con un estándar unificado. En cambio, hay dos contenidos diferentes, ¿cómo entendemos DT y DD? Semánticamente, DT es el nombre, el título y DD es la explicación, el contenido. DT y DD son ambas cajas, DD solo interpreta uno de los DT anteriores, y no se pueden explicar más o abajo. Cuando DT no existe, entonces DD no tiene sentido. No he encontrado la literatura exacta sobre si DT debe seguirla. Sin embargo, según mi comprensión de la lista de definiciones, creo que si solo hay DT y ningún DD en los datos, esta no puede ser una lista de definición, y simplemente use la lista UL desordenada. Pero cuando solo hay uno o algunos en los datos que no tienen DD, y la mayoría de ellos tienen DD, entonces creo que esta forma puede existir.

<dl>

<dt> Lista ordenada </dt>

<dt> Lista ordenada </dt>

<dt> Lista ordenada </dt>

<dt> Lista ordenada </dt>

</dl>

Lo anterior es obviamente inapropiado. Este formulario es una lista desordenada. ¿Por qué necesitas usar una lista de definiciones? No tiene sentido en términos de semántica.

<dl>

<dt> Lista ordenada </dt>

<dd> La lista ordenada es el formulario de datos organizado por datos secuenciados en una lista </dd>

<dt> Lista ordenada </dt>

<dd> La lista ordenada es el formulario de datos organizado por datos secuenciados en una lista </dd>

<dt> Esta oración no tiene explicación </dt>

<dt> Lista ordenada </dt>

<dd> La lista ordenada es el formulario de datos organizado por datos secuenciados en una lista </dd>

</dl>

Personalmente, creo que la forma anterior es factible. Entonces, ¿puede un DT llevar múltiples DD? Tampoco encontré instrucciones documentales sobre este punto, y todavía hay muchas de esas DT con múltiples DD en algunos sitios web bien conocidos. Mi opinión sobre esto es que está bien tener múltiples DD en diferentes situaciones, pero en general creo que este enfoque aún falta. Desde la perspectiva de la interpretación, ¿múltiples DD indican múltiples explicaciones? O si desea explicar el contenido en segmentos, no necesita dejar que DD sea el perro que atrapa ratas. Muchas etiquetas de párrafo se pueden incrustar en un DD. Además, desde la perspectiva de las aplicaciones de estilo, múltiples DD están sueltos en su conjunto, y su diseño es insuficientemente extensible. Por ejemplo, cuando queremos hacer clic en DT para ocultar el efecto DD correspondiente, este método de Multi-DD no es tan fácil de implementar. Por lo tanto, si no es un propósito especial, trate de no usar un DT con múltiples DDS tanto como sea posible. En cambio, coloque el contenido en DD. Si está segmentado, deje que se use la etiqueta del párrafo y si está segmentado, deje que se exprese la lista ordenada o desordenada.

Comencemos por hablar de ello. La etiqueta en sí no tiene nada, y la clave es pensar en cómo aplicarla. Déjame darte una imagen a continuación para ver si debes usar una lista personalizada. Discutamos juntos.