A fin de representar eficientemente términos con su
significado, crearemos listas de definiciones en un documento HTML, según las
recomendaciones oficiales de este lenguaje. En
algunas páginas web, las definiciones
de términos están marcadas con lenguaje HTML de forma incorrecta. Por ende,
cuando se produce una indexación de la página, es almacenada incorrectamente
por el navegador web. Para evitarlo, identificaremos
el proceso para crear listas de definiciones de términos.
Cuando visualizamos, por ejemplo,
un blog de computación, y esta especificado
el hardware, observamos el nombre de
cada una de las partes, diferenciadas entre sí, y del significado de cada una, lo
cual facilita su entendimiento. Aunque las listas de definiciones se crearon
para formatear el estilo de un diccionario, son utilizadas para marcar
cualquier par de palabras con realción entre sí.
Una lista de definiciones de
términos es representada sin números, letras ni viñetas. Tiene tres elementos
específicos para delimitar el texto donde deseamos definir términos de un tema
en particular:
- Dl: en inglés description
list, el cual tiene su inicio y cierre correspondientes, y es la etiqueta delimitadora
de la lista.
- Dt: en inglés description
term, también con su inicio y cierre respectivos, a fin de englobar el
nombre del término a describir.
- Dd: en inglés description
data, donde se define el significado del término indicado; además, al ser
mostrada esta etiqueta en el navegador, lo hace con una sangría.
Para una mejor utilidad, después de
la etiqueta dl agregaremos una
etiqueta de encabezado, para definir un nombre a la lista de definición de
términos. En la siguiente imagen se observa cada instrucción:
061-01_0903_ilu01. Código HTML de lista
de definiciones
Hay tres puntos importantes a ser
considerados a nivel semántico, debido a la posibilidad de cambiar la
presentación de la lista, mediante especificaciones de estilo:
- Cuando se
especifica solamente dl, sin
elementos de términos o descripciones, se muestra al usuario sin una agrupación
de lista definición de términos.
061-01_0903_ilu02. Código HTML solo con
lista de definiciones
- Cuando se
especifica dl y solo se agregan etiquetas
dt es válido; su significado en el
plano semántico, es la descripción de nombres de términos, sin definirlos.
061-01_0903_ilu03. Código HTML de lista de términos
- Cuando se
especifica dl y solo se agregan
etiquetas dd también es válido, pues
denota la descripción de un grupo de definiciones, sin asociarlas a un término
específico.
061-01_0903_ilu04. Código HTML de lista
de datos
Keynotes
- Una lista de definiciones de términos es
representada sin números, letras ni viñetas.
- Cuando se especifica solamente dl, sin elementos de términos o
descripciones, se muestra al usuario sin una agrupación de lista definición de
términos.
- Cuando se especifica dl y solo se agregan etiquetas dt
es válido; su significado en el plano semántico, es la descripción de nombres
de términos, sin definirlos.
- Cuando se especifica dl y solo se agregan etiquetas dd
también es válido, pues denota la descripción de un grupo de definiciones, sin
asociarlas a un término específico.
RetoCrea una lista de definiciones de términos en un
documento HTML, según las recomendaciones oficiales de este lenguaje. Debate
con tus compañeros tres ejemplos donde es favorable el uso de este tipo de
listas y agrégalo al documento.
¡Comparte el resultado final de tu reto en vKontact!
Tiempo disponible: entre 15 y 30 minutos.
CierreA través de la creación de listas de definiciones
en un documento HTML, según las recomendaciones oficiales de este lenguaje, marcamos
con semántica correcta, los términos con su significado; y obtenemos páginas web indexadas eficazmente por diferentes
navegadores web. Con paciencia y
práctica constante, daremos un uso correcto a las listas de definiciones.
