¿Qué es una etiqueta UL?

Una etiqueta de lista desordenada o sin numerar, mejor conocida en forma abreviada como etiqueta UL, proporciona una forma para que los diseñadores de páginas web muestren y agrupen texto en páginas web como listas con sangría y viñetas. Las etiquetas UL se usan en páginas de lenguajes de marcado de hipertexto (HTML) y como un elemento de estilo definido en una hoja de estilos en cascada (CSS). Si bien las etiquetas UL no se estandarizaron hasta HTML 2.0, Tim Berners-Lee lo definió en las primeras descripciones publicadas de HTML en 1992. Este elemento es compatible con todos los principales navegadores web.

Las etiquetas UL se pueden usar en las etiquetas BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD, DD o LI. La etiqueta UL en HTML se denota con una etiqueta de apertura <UL> y cierre </UL>, que también inserta un espacio vacío en la línea antes y después de la etiqueta. Las etiquetas CSS UL, que proporcionan flexibilidad de formato adicional más allá de la etiqueta UL HTML, se definen dentro de ul {list-style-type: }, donde el valor se define como disco, círculo o cuadrado, siendo el disco el valor predeterminado. Los elementos de lista individuales se insertan entre las etiquetas <UL>, precedidos primero por el LI, o elemento de lista, etiqueta. El siguiente ejemplo HTML muestra cómo usar esta etiqueta para organizar una lista de frutas:

<UL>
<LI> Manzanas
<LI> Plátanos
<LI> Naranjas
<LI> Piñas
</UL>

Las listas sin ordenar requieren el uso de atributos, aunque hay un conjunto básico de atributos (clase, id, estilo y título), así como una serie de atributos estándar u opcionales que pueden ser útiles para modificar el aspecto de una lista sin ordenar. . A excepción de los atributos compactos y de tipo, que se estandarizaron en la versión 2.0, los atributos opcionales no se estandarizaron formalmente hasta la versión 4.0.

El atributo compacto exprime el texto con viñetas y la definición en una línea. Tipo define el estilo de viñeta, que automáticamente se convierte en disco si no se especifica ningún tipo. Otros tipos de viñetas predefinidos utilizados en las etiquetas HTML UL incluyen el cuadrado y el círculo. Las imágenes definidas por el usuario se pueden usar en lugar de tipos de viñetas predefinidos especificando la ubicación de las imágenes almacenadas utilizando el atributo src, como en <UL src = ”URL">. El localizador uniforme de recursos, o URL, indica la ubicación de la imagen. A partir de la versión 4.0.1, los atributos compactos y de tipo para la etiqueta UL han quedado en desuso, lo que significa que puede no ser compatible con futuras versiones HTML.

Otros atributos utilizados para definir el estilo de etiqueta UL incluyen:

  • DIR: este atributo contiene información sobre la dirección del texto.
  • ID: define la ID específica en la propiedad CSS para etiquetar.
  • LANG: codifica el idioma.
  • ESTILO: define el estilo en línea CSS.

Los controladores de eventos de JavaScript, que definen lo que sucede, por ejemplo, si un mouse se desplaza sobre una etiqueta HTML UL o cuando el usuario hace clic en un elemento de la lista, también pueden usarse para refinar una lista desordenada. Los controladores de eventos compatibles con las etiquetas UL incluyen onClick, onDbClick, onMouseDown, onMouseUp, OnMouseOver, onMouseMOve, onMouseOut, onKeyPress, onKeyDown y onKeyUp.