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:
: 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:
Nombre Primer término
Contenido para la definición del primer elemento
Segundo nombre plazo
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.
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.