¿Cómo construir la lista de definiciones en las páginas basadas en web HTML5 y CSS3

La lista de definiciones en HTML5 es muy útil, incluso si se utiliza con poca frecuencia. La lista de definición fue originalmente diseñado para dar formato a las definiciones de diccionario, pero es muy útil en cualquier momento que tiene pares nombre-valor.

Las listas de definición no utilizan viñetas o números. En cambio, tienen dos elementos. Términos Definición son por lo general palabras o frases cortas. Los nombres del navegador se definen como términos de definición. Descripciones Definición son los bloques de texto extendidos que contienen la definición real.

El diseño estándar de listas de definición sangra cada descripción de la definición. Por supuesto, usted puede cambiar el diseño a lo que usted quiere después de que usted entiende CSS.

Puede utilizar listas de definición en cualquier momento que desee una lista marcada por términos clave, en lugar de viñetas o números. La lista de definición también puede ser útil en otras situaciones, como las formas, figuras con leyendas, y así sucesivamente.

imagen0.jpg

Aquí está el código para basicDL.html:

BasicDL.html

Lista Definición Básica

Los navegadores web comunes

Mosaico
La madre de todos los navegadores modernos. El primer navegador ampliamente usedvisual.
Netscape
El sucesor comercial de los Mosaicos. Ampliamente popular, buteventually eclipsado por Internet Explorer
IE
Entrada de Microsoft en el mercado de los navegadores, y dominantplayer.
Firefox
Un navegador de código abierto que ha sacudido el mundo.

Como puede ver, la lista de definiciones utiliza tres pares de etiquetas:

  • define la lista completa.

  • define cada término definición.

  • define los datos de definición.

Las listas de definición no se utilizan con frecuencia, pero pueden ser de gran utilidad. Cada vez que haya una lista que será una combinación de términos y valores, una lista de definición es una buena opción.




» » » » ¿Cómo construir la lista de definiciones en las páginas basadas en web HTML5 y CSS3