Cómo crear listas de definiciones en html5

Las listas son herramientas poderosas para agrupar elementos similares, y en las listas a los visitantes a su sitio una manera fácil de hacer zoom en grupos de información. Casi cualquier cosa cabe en una lista, a partir de conjuntos de instrucciones para las colecciones de enlaces. Las listas de definiciones términos y definiciones de grupo en una sola lista y requieren tres elementos para completar la lista:

  • : Almacena las definiciones de lista (dl = lista de definiciones)

  • : Define un término en la lista (dt = término de la definición)

  • : Define una definición para un término (dd = lista de definiciones definición)

Usted puede tener tantos términos (definido por

) En una lista (
) Como necesite. Cada término puede tener una o más definiciones (definido por
).

Creación de una lista de definiciones con dos artículos requiere etiquetas y contenido en el orden siguiente:

  1. Nombre Primer término

  2. Contenido para la definición del primer elemento

  3. Segundo nombre plazo

  4. Contenido para la definición del segundo elemento

La lista siguiente definición incluye tres términos, uno de los cuales tiene dos definiciones:

Listas Definición

Definiciones lenguaje de marcas

SGML
El Standard Generalized Markup Language
HTML
El Hypertext Markup Language
El lenguaje de marcado que se utiliza para crear páginas web.
XML
El lenguaje de marcado extensible

La figura muestra cómo un navegador muestra este HTML.

imagen0.jpg

Si usted piensa que elementos de una lista están demasiado juntos, puede utilizar estilos CSS para controlar cuidadosamente todos los aspectos de la lista de la apariencia.

Tenga en cuenta que las listas de definiciones a menudo muestran de manera diferente dentro de los diferentes navegadores, y no siempre se manejan de la misma por los motores de búsqueda o traductores de texto a voz. About.com tiene una buena discusión de listas de definición en su página de Diseño / HTML Web.

Por desgracia, esto significa que las listas de definiciones pueden no ser la mejor opción de formato para listas que cree (incluso listas de definiciones). Para una discusión más detallada, ver el excelente cobertura de este tema en Max Design.




» » » » Cómo crear listas de definiciones en html5