Elemento ul en HTML

Elemento ul en html

Un elemento html ul representa una lista desordenada de elementos, que generalmente se muestra como una lista con viñetas.

Una lista desordenada 

    con tres elementos 
  • :

    < ul > 
      < li > primer elemento  
      < li > segundo elemento  
      < li > tercer elemento  
    

    Etiqueta html ul

    Clasificaciones de contenidoContenido organizacional.
    Contenido permitidoElemento de 
  • uno o más, y este elemento también puede contener listas 
        complejos dentro de él .
  • AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
    Elementos del padreCualquier elemento que acepte contenido normativo.
    Interfaz DOMOHTMLUListElement

    Soporte de navegadores

    ChromeFirefoxEdgeSafariÓpera
    SoportadoSoportadoSoportadoSoportadoSoportado

    Características

    En este elemento se pueden utilizar propiedades globales .

    compact

    Esta propiedad booleana determina si una lista debe mostrarse una sobre otra, pero la interpretación de esta propiedad booleana varía según el navegador y no funciona de manera uniforme en todos los navegadores.

    Vale la pena señalar que esta propiedad ha quedado obsoleta en HTML5 y no debe usarse, pero el elemento puede formatearse 

      mediante estilos CSS, y podemos aplicar el mismo efecto que esta propiedad si establecemos un valor line-height en 80%.

      type

      Esta propiedad se utiliza para especificar el tipo de puntos que aparecen antes de los elementos de la lista, a saber:

      • circle
      • disc
      • square

      Pero esta propiedad también está obsoleta, así que no la use, solo use una propiedad list-style-type CSS.

      Descripción de uso

      • El elemento se utiliza para 
          agrupar un grupo de elementos que no tienen orden numérico y cuyo orden no es importante, y suelen colocarse antes de los elementos como puntos, cuadrados, círculos … etc. La forma de estos puntos se puede definir mediante una propiedad list-style-type en CSS.
        • No hay un límite superior para el anidamiento de listas (listas ordenadas 
            o desordenadas 
              ).
            • Componente 
                  representan una lista de elementos, y se diferencian entre sí en el orden de los elementos es 
                    importante. Entonces, si está confundido y desea saber cuál de los dos elementos elegir, intente cambiar el orden de los elementos. Si el significado cambia, el elemento debe usarse, y 
                      si sigue siendo el mismo, use 
                        .

                      Ejemplos del uso html ul

                      Un ejemplo de una lista desordenada bifurcada. Tenga en cuenta la ubicación de la etiqueta de cierre del elemento 

                    1. :

                      < ul > 
                        < li > primer elemento  
                        < li > segundo elemento    sin etiqueta de cierre ->  
                          < ul > 
                            < li > primer elemento secundario  
                            < li > segundo elemento secundario     sin etiqueta de cierre ->  
                              < ul > 
                                < li > primer elemento secundario en el submenú  
                                < li >El segundo subelemento del submenú 
                    2. < li > El tercer elemento hijo en el submenú < li > Aquí está la etiqueta de cierre -> < li > El tercer elemento hijo Aquí está la etiqueta de cierre -> < li > tercer elemento

Un ejemplo de una lista desordenada en la que se ramifica una lista ordenada 

    :

    < ul > 
      < li > primer elemento  
      < li > segundo elemento   sin etiqueta de cierre ->  
        < ol > 
          < li > primer elemento secundario  
          < li > segundo elemento secundario  
          < li > tercer elemento hijo  
         
      
  1. aquí está la etiqueta de cierre -> < li > El tercer elemento
  2. Formato predeterminado

    La mayoría de los navegadores muestran el elemento