HaTMatiLka
Lekce 10
Lekce Seznamy

Čas od času je zapotřebí sepsat nějaký seznam. Třeba nákupní seznam. Nebo seznam voličů. Seznam osob dobrých a seznam lidí zlých. Seznam tří přání k předložení zlaté rybce. Seznam pohádkových bytostí, jimž lze předložit seznam tří přání.

HaTMatiLka zná tři základní druhy seznamů:

  1. číslovaný
  2. nečíslovaný
  3. definiční
Seznamy z tohoto seznamu budu vyřizovat ve stanoveném pořadí. :-)

1. číslovaný seznam

Je pravděpodobně nejméně častým seznamem. Málo kdo má potřebu uvádět jednotlivé body očíslované a pečlivě evidované. Internetu vládne chaos.

Celý seznam jest ohraničen tagem <ol>…</ol>, jednotlivé body pak označuje značka <li>…</li> — právě ta se stává číslem v seznamu.

Autor může volit mezi několika typy číslování. Základním typem je, samozřejmě, obyčejné číslované počítání 1.-2.-3. Pokud se to někomu nelíbí, může zadat do tag<ol> parametr type="1|i|I|a|A". Pak bude generován seznam uvozený čísly, římskými číslicemi nebo písmeny (malými či velkými, jak libo).

Příklad
                    
<H1>Pět „P”</H1>
<ol type="I">
 <li>Počítač</li>
 <li>Pentium II</li>
 <li>Pevná linka</li>
 <li>Pivo</li>
 <li>Pěkná žencká</li>
</ol>
vokaž

Někdy se stává, že seznam by měl začínat jiným číslem, než jedničkou. Důvodem může být například to, že původní seznam byl ukončen a teprve o hodný kus dál se objevila potřeba v něm pokračovat. Potom stačí přidat do <ol> další parametr, start="nn".

Poměrně opomíjenou značkou je <lh>…</lh>, tedy hlavička čili nadpis seznamu. Je záhodno ukončit jej zlomem řádku, jinak zůstane na stejném řádku, jako první položka.

                    
<ol type="1">
 <lh>Nadpis<br></lh>
 <li>Položka…</li>
 <li>Položka…</li>
</ol>
    Nadpis
  1. Položka…
  2. Položka…

Většina browserů se nestará o to, zda byla uvedena značka </li> či </lh>. Protože seznam je ukončený zvláštní značkou </ol>, můžeme pokládat obě značky za zbytečné. Ale…

· Nečíslovaný seznam

Téměř vůbec se neliší od seznamu číslovaného. Jen je uzavřen do párového tagu <ul>…</ul>. Samozřejmě, že parametr start pozbyl významu. Změnil se i type: může obsahovat slova "circle", "disc""square"; bohužel, nezdá se, že by na to braly prohlížeče zřetel. vokaž

Položky seznamu se opět uzavírají do <li>…</li>, nadpis je opět možné ohraničit <lh>…</lh>.

Nečíslovaný seznam je mnohem nejobvyklejším zástupcem seznamů na Internetových stránkách.

Většina browserů se nestará o to, zda byla uvedena značka </li> či </lh>. Protože seznam je ukončený zvláštní značkou </ul>, můžeme pokládat obě značky za zbytečné. Ale…

Definiční seznam

Přestože není tak obvyklý jako nečíslovaný seznam, patří mezi mé oblíbené prvky. Od předcházejícího typu se liší především tím, že nezobrazuje žádné značky (ani čísla) před jednotlivé položky. Proto také nepoužívá <li>.

Podobně, jako předchozí typy, je ohraničen párovými značkami <dl>…</dl>. Uvnitř pak používá další dva tagy: <dt>…</dt> pro nadpisy (titulky) a <dd>…</dd> pro položky (definice).

                    
<dl>
 <dt>Zákon schválnosti
  <dd>Když se něco může pokazit…
 <dt>Gravitační zákon
  <dd>Všechny předměty…
</dl>
Zákon schválnosti
Když se něco může pokazit, tak se to pokazí
Gravitační zákon
Všechny předměty se vzájemně přitahují; nejvíce křehké s tvrdými.

Jak vidíte na příkladu, i zde je možné „zapomenout” uzavřít tag<dt><dd>. Je to obvyklá praxe. Což ovšem neznamená, že něco takového výslovně doporučuji…!

Ručně psaný seznam

Přestože HaTMatiLka má hned tři druhy seznamů, čas od času je vhodné si vytvořit číslovaný či nečíslovaný seznam ručně. Děje se tak zejména:
pokud potřebujete víceúrovňový seznam (vzor 1.1.a)
pokud chcete použít vlastní grafický prvek (jako zde)
pokud potřebujete nestandardní úpravu

Jako vždy je proto dobré nejdříve si všechno pořádně rozmyslet, pak to zkustit, pak to změnit a nakonec se vrátit k nejjednouššímu řešení. ;-)

Obsah  
Lekce 1
Lekce 2
Lekce 3
Lekce 4
Lekce 5
Lekce 6
Lekce 7
Lekce 8
Lekce 9

Seznamy:
1.číslovaný
- nečíslovaný
definiční
ruční

Lekce 11
Lekce 12

 Lekce 11
© Robert R. Šimek, 1997