Qu'est-ce qu'une étiquette UL?

Une balise de liste non numérotée ou non numérotée, plus connue sous le nom de balise UL, permet aux concepteurs de pages Web d'afficher et de grouper du texte sur des pages Web sous forme de listes en retrait et à puces. Les balises UL sont utilisées dans les pages HTML (Hypertext Markup Language) et en tant qu'élément de style défini dans une feuille de style en cascade (CSS). Bien que les balises UL ne soient pas normalisées avant HTML 2.0, elles avaient été définies dans les premières descriptions HTML publiées par Tim Berners-Lee en 1992. Cet élément est pris en charge par tous les principaux navigateurs Web.

Les étiquettes UL peuvent être utilisées dans les étiquettes BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD, DD ou LI. La balise UL en HTML est désignée par une balise d’ouverture <UL> et de fermeture </ UL>, qui insère également un espace vide dans la ligne avant et après la balise. Les balises UL CSS, qui offrent une souplesse de formatage supplémentaire au-delà de la balise HTML UL, sont définies dans le type ul {list-style-type: }, où la valeur est définie comme disque, cercle ou carré, la valeur par défaut étant le disque. Les éléments de liste individuels sont insérés entre les balises <UL>, précédés en premier par la balise LI ou élément de liste. L'exemple HTML suivant montre comment utiliser cette balise pour organiser une liste de fruits:

<UL>
Pommes <LI>
<LI> Bananes
<LI> Oranges
<LI> Ananas
</ UL>

Les listes non ordonnées nécessitent l’utilisation d’attributs, bien qu’il existe un ensemble principal d’attributs - classe, id, style et titre - ainsi qu’un certain nombre d’attributs standard ou facultatifs qui peuvent être utiles pour modifier l’aspect d’une liste non ordonnée. . À l'exception des attributs compact et type, qui ont été normalisés dans la version 2.0, les attributs facultatifs n'ont été formellement normalisés qu'à la version 4.0.

L'attribut compact compresse à la fois le texte à puces et la définition sur une seule ligne. Type définit le style de puce, qui est automatiquement défini par défaut sur disque si aucun type n'est spécifié. Les autres types de puces prédéfinis utilisés dans les balises HTML UL incluent le carré et le cercle. Les images définies par l'utilisateur peuvent être utilisées à la place de types de puces prédéfinis en spécifiant l'emplacement des images stockées à l'aide de l'attribut src, comme dans <UL src = "URL">. Le localisateur de ressource uniforme, ou URL, indique l'emplacement À partir de la version 4.0.1, les attributs de compression et de type de la balise UL sont obsolètes, ce qui signifie qu’elle ne sera peut-être pas prise en charge dans les futures versions HTML.

Les autres attributs utilisés pour définir le style de balise UL sont les suivants:

• DIR: cet attribut contient des informations sur la direction du texte.
• ID: définit l'ID spécifique de la propriété CSS à baliser.
• LANG: code la langue.
• STYLE: définit le style en ligne CSS.

Les gestionnaires d'événements JavaScript, qui définissent ce qui se passe, par exemple, si une souris survole une balise UL HTML ou lorsque l'utilisateur clique sur un élément de la liste, peuvent également être utilisés pour affiner une liste non ordonnée. Les gestionnaires d'événements pris en charge par les balises UL incluent onClick, onDbClick, onMouseDown, onMouseUp, OnMouseOver, onMouseMOve, onMouseOut, onKeyPress, onKeyDown et onKeyUp.