¿Hay alguna razón lógica para el uso de la <dl>, <dt> y <dd> etiquetas anidadas en lugar de CSS, de estilo <ul> y <ol> etiquetas? ¿O son solo un grupo de etiquetas obsoleto esperando a ser desaprobado?¿Cuál es la etiqueta <dl>?
Respuesta
Citando la W3C spec:
El elemento dl representa una lista de asociación consiste en cero o más grupos nombre-valor (una lista descripción). Cada grupo debe consistir en uno o más nombres (elementos dt) seguidos de uno o más valores (elementos dd). Dentro de un solo elemento dl, no debe haber más de un elemento dt para cada nombre.
Así que la razón principal de las etiquetas <dl>
, <dt>
y <dd>
son para preservar la conexión semántica para aquellos pares de nombre-valor, que se perderían, si usted acaba de utilizar listas anidadas.
Si usa listas anidadas, esto podría hacerse por varias razones (actualmente, por ejemplo, muchos menús están estructurados en listas anidadas) y los rastreadores o cualquier otro sistema que respete las anotaciones semánticas no podría diferenciar .
Si utiliza las etiquetas anteriores, sin embargo, un sistema puede ver la conexión y actuar en consecuencia. Entonces, un uso futuro tal vez para extraer todas las definiciones de términos dentro de un documento más grande para crear algún tipo de glosario.
- DL
-
una lista de definición es el elemento contenedor para elementos de DT y DD. El elemento DL debe usarse cuando desee incorporar una definición de un término en su documento, a menudo se usa en glosarios para definir muchos términos, también se usa en documentos "normales" cuando el autor desea explicar un término de una manera más detallada. detalle (como esta definición).
- DT
-
El término definido en ese momento en la lista de definiciones. Este elemento contiene datos en línea.
- DD Descripción
-
La definición elemento contiene datos que describen un término definición. Esta información puede estar en línea, o puede ser a nivel de bloque.
Es una lista de descripción para un objeto, que contiene nombre-valor. – Roger
Desde el W3C documentation:
listas de definiciones varían muy poco de otros tipos de listas en que los elementos de la lista constará de dos partes: un término y una descripción. El término es dado por el elemento DT y está restringido al contenido en línea. La descripción se proporciona con un elemento DD que contiene contenido de nivel de bloque .
Hay un par de ejemplos de marcado en la página W3C.
- 1. ¿Cuál es la diferencia entre la etiqueta de script y la etiqueta "<%....%>"?
- 2. ¿La etiqueta <tr> es opcional?
- 3. ¿Es incorrecto colocar la etiqueta <script> después de la etiqueta</body>?
- 4. ¿Cuál es el punto del atributo <option> "etiqueta" dentro de <select>?
- 5. ¿cuál es el comportamiento estándar cuando la etiqueta < button > hace clic? ¿enviará el formulario?
- 6. ¿Cuál es el origen del nombre de la etiqueta HTML: "<TD>"
- 7. ¿Cuál es la forma correcta de cambiar el comportamiento de una etiqueta <a>?
- 8. <% $, <% @, <% =, <% # ... ¿cuál es el problema?
- 9. ¿Cuál es la diferencia entre ofstream "<<" y Write
- 10. ¿Cuál es la diferencia entre <% %> y <%=%>?
- 11. ¿Cuál es la diferencia entre <%# %> y <%= %>?
- 12. En ASP.Net, ¿cuál es la diferencia entre <% = y <% #
- 13. ¿Es válido tener una etiqueta <section> dentro de otra etiqueta <section>?
- 14. ¿Cuál es el nombre para el operador "<<<"?
- 15. ¿Qué significa ":" en <%: y cuál es la diferencia a <% =?
- 16. ¿La etiqueta <noscript> está obsoleta?
- 17. Rails y la etiqueta <span>
- 18. ¿Cuál es la forma correcta de ocultar una etiqueta HTML?
- 19. ¿Cuál es el estado de la etiqueta HTML 5 <video> y la integración de la cámara web?
- 20. ¿Cuál es el uso de <<< EOD en PHP?
- 21. Cuál es la diferencia al incluir la etiqueta <script> en el encabezado o cuerpo de HTML
- 22. ¿Cuál es la diferencia entre <%: y <% = y <% # en aspx?
- 23. ¿Cuál es el significado de <#= #>
- 24. ¿Cuál es la clave <C-w> en Vim?
- 25. Cuál es la diferencia entre mysqlimport y mysql <dbfile.sql
- 26. ¿Cuál es la oscilación equivalente a HTML <optgroup>
- 27. cuál es la diferencia entre '! =' Y '<>' en MySQL
- 28. Cuál es la "< >" sintaxis en C#
- 29. ¿Cuál es la diferencia entre `=` y `<-` en R?
- 30. ¿Cuál es la diferencia entre "<>" y "! ="?
ver http://www.onextrapixel.com/2009/05/13/how-to-use-dl-dt-and-dd-html-tags-to-list-data-vs-table-list- data/ – Prasanth
@goldenparrot Muy ilustrativo. ¡Gracias! – Variax