Lists

Vsake toliko je seznam lahko zelo priročen. Uporabite jih lahko za prikaz sestavin v receptu ali kot kazalo vsebine za vaš dokument. Oznaka HTML ima dve različni vrsti seznamov - urejeni in neurejeni seznami.

Neurejen seznam se začne z začetno oznako <ul> (okrajšava neurejenega seznama - angl. unordered list) in vsak element na seznamu je obdan z oznako <li> (li pomeni element seznama - angl. list item)

<ul>
	<li>List item no. 1</li>
	<li>List item no. 2</li>
	<li>List item no. 3</li>
</ul>

Ta oznaka HTML bi imela za posledico neurejen seznam, ki je videti takole:

• List item no. 1
• List item no. 2
• List item no. 3

Na splošno ima neurejen seznam črne kroge kot oznake točk - z uporabo CSS lahko spremenite obliko za oznake točk.

Urejen seznam je videti takole:

1. First list-item
2. Second list-item
3. Third list-item

Namesto oznake <ul> uporabite oznako <ol> (kratica za urejeni seznam - angl. ordered list)

<ol>
	<li>List item no. 1</li>
	<li>List item no. 2</li>
	<li>List item no. 3</li>
</ol>

Razen očitnega razloga za uporabo seznama (če dejansko želite seznam), spletni oblikovalci na veliko uporabljajo seznam, da ustvarijo svoje menije in navigacije - saj je navigacija zelo pogosto niz povezanih povezav. Uporaba seznama za označevanje vaše navigacije pomeni da, tudi če oblikovanje s CSS ne uspe, bodo povezave še vedno semantično povezane.

Kaj ste se naučili

• There are two different kinds of lists – ordered lists and unordered lists
• The tag for en ordered list is <ol>
• The tag for the unordered list is <ul>
• Every item on the list is marked up with the <li> element
• The list element is an obvious choice when create your navigation