L'Element HTML <ol>
(o llista ordenada d'elements HTML) representa una llista ordenada d'elements. En general, els elements de la llista ordenada es mostren amb una numeració anterior, que pot ser de qualsevol forma, com números, lletres o números romans o fins i tot bales simples. Aquest estil numerat no està definit en la descripció HTML de la pàgina, sinó en la seva CSS associat, mitjançant la propietat list-style-type
.
No hi ha cap limitació a la profunditat i la superposició de les llistes definides amb els elements <ol>
i <ul>
.
<ol>
i <ul>
tots dos representen una llista d'elements. Es diferencien en la forma en què, amb l'element <ol>
l'ordre és significatiu. Com a regla general per determinar quin d'ells utilitzar, tracteu de canviar l'ordre dels elements de la llista; si canvia el significat, l'element <ol>
s'ha d'utilitzar, en cas contrari el <ul>
és l'adequat.Categories de contingut | Contingut dinàmic, i si els fills de l'element <ol> inclouen almenys un element <li> , contingut palpable. |
---|---|
Contingut permès | Zero o més elements <li> |
Omissió de l'etiqueta | Cap, tant l'etiqueta inicial com l’etiqueta final són obligatòries |
Elements pares permesos | Qualsevol element que accepti Contingut dinàmic. |
Interfície DOM | HTMLOListElement |
Atributs
Aquest element inclou els atributs globals.
compact
- Aquest atribut booleà indica que la llista s'ha de representar en un estil compacte. La interpretació d'aquest atribut depèn de l'agent d'usuari i no funciona en tots els navegadors. Note: No utilitzeu aquest atribut, ja que ha quedat obsolet: l'element
<ol>
se li ha d'aplicar els estils amb CSS. Per donar un efecte similar a l'atribut compacte, la propietat CSSline-height
es pot usar amb un valor de80%
. reversed
HTML5- Aquest atribut booleà especifica que els elements de l'element s'especifiquen en l'ordre invers, és a dir, que el menys important apareix en primer lloc.
start
HTML5- Aquest atribut enter especifica el valor inicial per a la numeració dels elements individuals de la llista. Tot i que el tipus d'ordre dels elements de la llista podria ser nombres romans, com XXXI, o lletres, el valor inicial sempre és representat com un nombre. Per començar a numerar els elements de la lletra "C", utilitzeu
<ol start = "3">
.Nota: Aquest atribut està desaprovat en HTML 4, però es va tornar a introduir en HTML5. type
- Indica el tipus de numeració:
'a'
indica que les lletres són minúscules,'A'
indica que les lletres són majúscules,'i'
indica els nombres romans en minúscula,'I'
indica els nombres romans en majúscules,- i
'1'
indica els números (per defecte).
El conjunt de tipus s'utilitza per a la llista completa a menys que un atribut
type
diferent s'utilitzi dins d'un element<li>
tancat.Nota: Aquest atribut està desaprovat en HTML 4, però es va tornar a introduir en HTML5.Tret que el valor del nombre de llista importi (per exemple, en documents legals o tècnics en els quals els elements han de referenciar-se pel seu nombre / lletra), hauria d'usar-se la propietat CSSlist-style-type
al seu lloc.
Exemples
Exemple senzill
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
Sortida del codi HTML anterior:
- first item
- second item
- third item
Usant l'atribut start
<ol start="7">
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
Sortida del codi HTML anterior:
- first item
- second item
- third item
Llistes niades
<ol>
<li>first item</li>
<li>second item <!-- Look, the closing </li> tag is not placed here! -->
<ol>
<li>second item first subitem</li>
<li>second item second subitem</li>
<li>second item third subitem</li>
</ol>
</li> <!-- Here is the closing </li> tag -->
<li>third item</li>
</ol>
Sortida del codi HTML anterior:
- first item
- second item
- second item first subitem
- second item second subitem
- second item third subitem
- third item
Niar <ol> i <ul>
<ol>
<li>first item</li>
<li>second item <!-- Look, the closing </li> tag is not placed here! -->
<ul>
<li>second item first subitem</li>
<li>second item second subitem</li>
<li>second item third subitem</li>
</ul>
</li> <!-- Here is the closing </li> tag -->
<li>third item</li>
</ol>
Sortida del codi HTML anterior:
- first item
- second item
- second item first subitem
- second item second subitem
- second item third subitem
- third item
Especificacions
Especificació | Estat | Comentari |
---|---|---|
HTML Living Standard The definition of '<ol>' in that specification. |
Living Standard | Sense canvis des de l'última presentació en W3C, HTML5. |
HTML5 The definition of 'HTMLOListElement' in that specification. |
Recommendation | Afegeix els atributs reversed i start ; desaprovat type |
HTML 4.01 Specification The definition of '<ol>' in that specification. |
Recommendation | Desaprovat compact i type . |
Navegadors compatibles
Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suport bàsic | 1.0 | 1.0 (1.7 or earlier) | 1.0 | 1.0 | 1.0 |
atribut reversed |
18 | 18.0 (18.0) | No support | No support | 5.2 |
Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suport bàsic | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |
atribut reversed |
(Yes) | 18.0 (18.0) | No support | No support | (Yes) |
Veure
- Altres Elements HTM relacionats amb Llistes :
<ul>
,<li>
,<menu>
i el obsolet<dir>
; - Propietats CSS que poden ser especialment útils per a l'estil de l'element
<ol>
:- la propietat
list-style
, útil per triar la forma de visualització del ordinal, - CSS counters, útil per gestionar llistes niades complexes,
- la propietat
line-height
, útil per simular l'atributcompact
que està obselet, - la propietat
margin
, útil per controlar la sagnia de la llista.
- la propietat