q1o3ou
Enumerarile, de orice fel, constituie o parte importanta a comunicarii
prin faptul ca ajuta la sistematizarea si evidentierea unor intrari.
Din aceasta cauza, desi nu are un continut vast, partea de liste
este tratata separat.
In HTML 3.2 se pot marca (ceea ce urmeaza este un exemplu de lista
neordonata cu buline):
liste neordonate, cu buline sau fara; liste ordonate; liste de definitie.
Listele pot fi imbricate, o intreaga lista poate fi
element in alta lista.
Primele doua tipuri de liste au ca punct comun notiunea de element al
listei (item), definit prin tagul LI. Pentru listele de definitii un element
are structura ceva mai complexa (elementul definit si definitia in
sine) si aceasta va fi discutata separat.
<LIa VALUE=nnnni a TYPE=1|a|A|i|I|disk|square|circlei> element-de-lista
a</LI>i
specifica un element intr-o lista ordonata, neordonata,
menu sau director (ultimile doua notiuni nu sunt identice cu cele uzuale
din informatica).
VALUE indica valoarea numerica de inceput pentru o lista
ordonata. Implicit este 1 si nu trebuie specificata la orice intrare
LI ci numai daca o lista este intrerupta printr-un
alt text, necesitand un alt inceput de numerotare;
TYPE permite (nu in toate browserele) sa se fixeze stilul pentru
buline sau pentru numerotari:
1 - numar arabic (implicit); a - litere mici;
A - litere mari; i - numar roman mic (i, iv etc.);
I - numar roman mare (I, IV etc.); disk - cerc plin (implicit pentru liste neordonate); square - patrat plin; cicle - cerc gol; element-de lista poate fi orice (hiper)text.
Deoarece dupa continutul containerului LI incepe un alt tag LI,
sau se termina o lista, terminatorul de tag nu este obligatoriu.
Este inserat automat un sfarsit de paragraf la terminarea unui tag LI.
Atributele TYPE si VALUE sunt din HTML 3.2 si deci unele browsere nu le au
inca implementate.
Liste ordonate
O lista ordonata este caracterizata prin aceea ca
intrarile ei sunt numerotate. Tagul de definire este OL:
<OLa COMPACTi a START=nnnni a TYPE=1|a|A|i|Ii> def-element def-element
... def-element
</OL>
unde: def-element reprezinta definirea unui element cu ajutorul containerului
LI;
COMPACT arata ca distanta dintre numerotare si text poate fi redusa
de programul browser;
TYPE stabileste stilul pentru numerotare (vezi tagul LI);
START indica numerotarea pentru primul element de lista. Urmatoarele
vor fi in secventa pana cand, eventual, un LI
va schimba secventa.
Anumite browsere nu recunosc atributul COMPACT.
La imbricarea listelor ordonate, stilul numerotarii nu se schimba
automat, dar se realizeaza indentarea listelor pentru a putea fi diferentiate.
Exemplu:
<OL COMPACT START=1 TYPE=1>
<LI>primul element
<LI>al doilea element
<LI>al treilea element
<LI>al patrulea element
</OL>
va produce afisarea urmatoarei liste:
Daca in prima linie utilizam TYPE=a obtinem
Daca primul element al listei din exemplul precedent este, la randul
sau, o lista ordonata:
<OL COMPACT START=1 TYPE=1>
<LI>primul element
<OL COMPACT START=1 TYPE=a>
<LI>elementul 1.a
<LI>elementul 1.b
<LI>elementul 1.c
</OL>
<LI>al doilea element
<LI>al treilea element
<LI>al patrulea element
</OL>
atunci lista produsa realizeaza indentarea sublistei, marcajul
trebuie schimbat insa de autor.
Liste neordonate
O lista neordonata poate fi realizata prin tagurile UL, DIR, MENU.
Primul are in general acelasi efect in toate browserele, celelalte
pot prezenta diferente de implementare.
<ULa COMPACTia TYPE=disk|square|circlei> def-element def-element
... def-element
</UL>
introduce o lista cu buline.
COMPACT arata ca distanta dintre bulina si text poate fi redusa
de programul browser; este posibil ca aceasta optiune sa nu functioneze
pe orice browser;
TYPE stabileste stilul pentru buline.
La imbricarea listelor neordonate introduse prin UL, nivelele diferite vor fi
diferentiate prin buline de tipuri diferite.
Atributul TYPE este din standardul HTML 3.2 si deci neimplementat pe browserele
mai vechi.
Lista anterioara, transformata intr-o lista neordonata:
<UL COMPACT TYPE=disk>
<LI>element principal
<UL COMPACT TYPE=square>
<LI>element secundar
<LI>element secundar
<LI>element secundar
</UL>
<LI>element principal
<LI>element principal
<LI>element principal
</UL>
Combinarea celor doua tipuri de liste poate sa produca
efecte interesante si utile pentru prezentari de informatii complexe:
<OL COMPACT START=1 TYPE=1>
<LI>primul element
<UL COMPACT TYPE=square>
<LI>element secundar
<LI>element secundar
<LI>element secundar
</UL>
<LI>al doilea element
<LI>al treilea element
<LI>al patrulea element
</OL>
<DIR a COMPACTi> def-element def-element
... def-element
</DIR> afiseaza o lista de cuvinte.
COMPACT cere comprimarea cuvintelor mai scurte, daca este posibil; def-element este un container LI, dar textul nu poate fi mai mare de 20 de caractere
(un cuvant).
Unele browsere nu suporta DIR (se prefera de aceea OL sau UL), dar unele
browsere pot chiar sa aranjeze cuvintele in coloane. Depinde de
browser daca elementele listei sunt sau nu precedate de buline.
Exemplu:
O lista neordonata construita cu tagul DIR. Sunt enumerate
intrari de cuvinte din dictionar:
<DIR COMPACT>
<LI>habanera
<LI>habitaclu
<LI>habitat
<LI>habitudine
<LI>habitus
<LI>hagiografie
...
<LI>happy-end
</DIR>
<MENU a COMPACTi> def-element def-element
... def-element
</MENU> afiseaza o lista de intrari.
COMPACT indica browserului o apropiere intre text si marcator,
daca este posibil; def-element este un container LI, dar textul nu poate fi mai mare de 20 de caractere
(un cuvant).
Modul in care apar elementele listei, cu buline sau fara,
depinde de browser. Cum nu toate browserele accepta MENU si COMPACT,
este preferabil sa se utilizeze listele neordonate UL.
Exemplu:
O lista neordonata construita cu tagul MENU. Sunt enumerate
intrari de cuvinte din dictionar:
<MENU COMPACT>
<LI>habanera
<LI>habitaclu
<LI>habitat
<LI>habitudine
<LI>habitus
<LI>hagiografie
...
<LI>happy-end
</MENU>
Pentru multe browsere nu va exista vreo diferenta intre exemplul
acesta si cel precedent (cu utilizarea tagului DIR).
Liste de definitii
Marcajul unei liste de definitii produce un text similar celor din dictionare,
in care paragraful este "atarnat" (cu exceptia primei
linii celelalte linii sunt indentate spre interior). Acest marcaj se realizeaza
prin DL:
<DL a COMPACTi>
<DT>termena</DT>i
<DD>descrierea</DD>i
...
<DT>termena</DT>i
<DD>descrierea</DD>i
</DL>
unde:
COMPACT arata ca termenii cu mai putine litere vor fi afisati
pe acelasi rand cu definitia (implicit, termenul definit este pe o linie
separata iar definitia este indentata pe liniile urmatoare); termen reprezinta numele unui termen care se defineste in respectiva
intrare; descriere reprezinta definitia termenului precedent. De remarcat ca
tagul care marcheaza termenul (DT) este pereche cu tagul care marcheaza
definitia propriu-zisa (DD). Nu este totusi obligatorie aceasta
imperechere: tagurile DT si DD arata, in special, indentarea
textului respectiv.
Exemplul urmator reia lista de cuvinte anterioara introducand
si definitiile: O lista de definitii.Sunt enumerate intrari de
cuvinte din dictionar:
<DL COMPACT>
<DT>habanera</DT>
<DD>dans popular cubanez, cu miscare moderata</DD>
<DT>habitaclu</DT>
<DD><OL><LI>locas special al compasului pe o nava
<LI>spatiu intr-un avion, intr-o masina pentru echipaj,
calatori etc.
</OL>
...
<DT>happy-end</DT>
<DD>sfarsit fericit</DD>
</DL>
Se pot imbrica alte tipuri de liste intr-o definitie din DL. Dupa
aceeasi logica de la LI, terminatorii de tag pentru DT si DD pot sa
lipseasca.