Significado | Concepto | Definición:

Una etiqueta de lista desordenada o no numerada, más 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 utilizan en páginas de lenguajes de marcado de hipertexto ( HTML ) y como un elemento de estilo definido en una hoja de estilo en cascada ( CSS ). Si bien las etiquetas UL no se estandarizaron hasta HTML 2.0, se definieron en las primeras descripciones publicadas de HTML por Tim Berners-Lee en 1992. Este elemento es compatible con todos los principales navegadores web .

Las etiquetas de lista desordenadas o no numeradas permiten que una página web muestre información como listas sangradas y con viñetas.

Las etiquetas UL se pueden utilizar en las etiquetas BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD, DD o LI. La etiqueta UL en HTML se indica con una etiqueta de apertura

    y una etiqueta de cierre
, que también inserta un espacio vacío en la línea antes y después de la etiqueta. Las etiquetas CSS UL, que brindan flexibilidad de formato adicional más allá de la etiqueta HTML UL, se definen dentro de ul {list-style-type:}, donde el valor se define como disco, círculo o cuadrado, siendo el disco el predeterminado. Los elementos de lista individuales se insertan entre las etiquetas
    , precedidos primero por la etiqueta LI, o elemento de lista. El siguiente ejemplo HTML muestra cómo utilizar esta etiqueta para organizar una lista de frutas:

    • Manzanas

    • Bananas

    • Naranjas

    • Piñas

    Las listas no ordenadas requieren el uso de atributos, aunque existe un conjunto básico de atributos (clase, identificación, 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 desordenada. . A excepción de los atributos compact y type, 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 comprime tanto el texto con viñetas como la definición en una línea. El tipo define el estilo de viñeta, que se establece automáticamente en disco si no se especifica ningún tipo. Otros tipos de viñetas predefinidos que se utilizan en las etiquetas HTML de UL incluyen el cuadrado y el círculo. Las imágenes definidas por el usuario se pueden usar en lugar de los tipos de viñetas predefinidos especificando la ubicación de las imágenes almacenadas usando el atributo src, como en

      . El localizador uniforme de recursos, o URL, indica la ubicación A partir de la versión 4.0.1, los atributos compact y type para la etiqueta UL han quedado obsoletos, lo que significa que es posible que no sea compatible con futuras versiones de HTML.

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

      DIR: este atributo contiene información sobre la dirección del texto.

      ID: define el ID específico en la propiedad CSS para etiquetar.

      LANG: codifica el idioma.

      ESTILO: define el estilo CSS en línea.

      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 se pueden usar 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.