Elemento ul

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

Descripción

El elemento ul representa una lista no ordenada de ítems que, en contraste con las lista ordenadas (elemento ol), no produce significados diferentes si el orden de los ítems es alterado. Los ítems de ambas listas, ordenadas y no ordenadas, son representados por el elemento li.

Los atributos compact y type de este elemento han sido eliminados de la especificación de HTML5 debido a su naturaleza visual. Los autores deberían reemplazar sus funcionalidades con declaraciones de hojas de estilo.

Ejemplos

El siguiente ejemplo muestra un uso muy básico del elemento ul. Resulta fácil notar cómo el significado no se vería alterado si el orden de los ítems fuera cambiado.

<p>Ingredientes</p>
<ul>
  <li>2 huevos grandes</li>
  <li>Sal marina y pimienta negra</li>
  <li>Un pequeña nuez de manteca</li>
  <li>Un puñado de queso</li>
</ul>

Ingredientes

  • 2 huevos grandes
  • Sal marina y pimienta negra
  • Un pequeña nuez de manteca
  • Un puñado de queso

Atributos

Atributos específicos

compact

Un valor booleano que indica si los ítems de la lista deberían mostrarse en modo compacto. Si el atributo está presente, el modo compacto será habilitado.

Este atributo se ha vuelto obsoleto en HTML5 y su uso ya no es válido. Se alienta a los autores a usar hojas de estilo en su lugar.

Ejemplo

<ul compact>

type

El tipo de símbolo a utilizar en las viñetas. Existen tres valores posibles, insensibles a mayúsculas/minúsculas:

  • disc: un círculo relleno.
  • circle: un círculo sin relleno.
  • square: un cuadrado sin relleno.

Este atributo se ha vuelto obsoleto en HTML5 y su uso ya no es válido. Se alienta a los autores a usar hojas de estilo en su lugar.

Ejemplo

<ul type="disc">

Atributos globales

Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.

Eventos

Eventos globales

Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.

X

Estás buscando un lugar para alojar tu próximo sitio? Puedo ayudarte con eso!