Sémantika
pravý význam html značek

Hlavní strana » Návody » Seznamy

Seznamy

Číslovaný seznam

Číslované seznamy se uvozují párovou značkou <ol> a jednotlivé položky se pak tvoří nepárovou značkou <li>. Značka <ol> má ještě dva zásadní atributy a to type a start. První z nich určuje typ číslování. Na přesné hodnoty se podívejte k Yuhůovi. Tento atribut má ovšem trochu smůlu, neboť byl konsorciem zavrhnut ve prospěch kaskádových stylů, což je věčná škoda.

Atribut type má totiž svůj jasný sémantický význam. Změnu číslování můžete totiž provádět ze dvou důvodů: buď se vám prostě nelíbí obyčejné čísla a chcete použít třeba hezky vypadající římské číslování (zde tedy použijete kaskádové styly) nebo použijete třeba abecední číslování, protože normální čísla by v tom daném seznamu neměly smysl. A v tomto případě je sémanticky správné použít atribut type.

Druhý atribut start má za úkol nastavit počáteční hodnotu číslování. Pokud chcete vypsat všechny fotbalové týmy, které na posledním Euru nedosáhly na žádný cenný kov, použijete zápis start="4". Nepoužívejte žádné vychytávky, jakože budete číslovat od začátku, ale první tři položky necháte nevyplněné a vypozicujete někam mimo obrazovku, to je nesprávný způsob. Jediný sémanticky korektní zápis je pomocí atributu start.

Nečíslovaný seznam

Pokud chcete mít na stránkách „puntíčkovaný” seznam (nezáleží vám na pořadí položek), použijte značku <ul>. I tento tag má zavržený atribut type, avšak nenapadá mě způsob, kdy by použití tohoto atributu v neuspořádaném seznamu bylo sémantické. Zde totiž atribut type mění pouze vzhled odrážek, takže o sémantice nemůže být řeč. Pokud tedy chcete změnit vzhled odrážek u nečíslovaného seznamu, použijte kaskádové styly.

Seznamy také lze do sebe zanořovat, což je naprosto v pořádku. Můžete pochopitelně zanořovat i číselné seznamy. Používá se to v případě, kdy chcete jednu (nebo klidně i více) položek seznamu rozdělit ještě na několik dalších. Takže v praxi to bude vypadat takto:

<ul>
  <li>Punk
    <ul>
      <li>Sex Pistols</li>
      <li>Visací zámek</li>
      <li>Green Day(?)</li>
    </ul>
  </li>
  <li>Rock
    <ul>
      <li>ACDC</li>
      <li>Olympic</li>
      <li>Lucie(?)</li>
    </ul>
  </li>
</ul>

S menu bývá obvykle problém, protože hodně stránek řeší vkládání menu různými způsoby. Některé jsou sémantické více, některé méně, ale snad žádné nejsou sémantické úplně. V zásadě jediná sémantická možnost, jak do stránky vložit menu, je prostřednictvím značky <menu> (nečekané, že ano). Jednotlivé položky menu se pak definují stejně jako položky jiného seznamu, tudíž značkou <li>. Pokud píšete ve striktní verzi, kde již tato značka není, jste odkázáni pouze na obyčejný nečíslovaný seznam <ul>.

Pokud chcete vidět, jak nepsat menu, stačí se prozohlédnout po širém internetu. Někde je menu vloženo do tabulky, jinde je třeba psáno prostě za sebe a odřádkováno pomocí <br>, docela časté je potom psát odkazy za sebe a oddělit je pouze symbolem "|". Takže špatný zápis menu:

<a href="#">Návody</a> |
<a href="#">Praxe</a> |
<a href="#">Odkazy</a>

Sémanticky správný zápis by vypadal asi takto:

<menu>
  <li><a href="#">Návody</a></li>
  <li><a href="#">Praxe</a></li>
  <li><a href="#">Odkazy</a></li>
</menu>

Použití adresáře

Pokud máte nějaký seznam, jenž je složen z krátkých položek, měl by se použít tag <dir>. Nejklasičtější příklad bude patrně seznam písmen, či písmenných odkazů, například v nějakém slovníku.

Definiční seznam

Definiční seznam má vícero použití, než pouze pro encyklopedické vysvětlování pojmů, jak by se mohlo zprvu zdát. Nejdříve ale ještě pár slov k tomu, jak se definiční seznam zapisuje. Celý seznam začínáme značkou <dl> (z anglického definition list, což neznamená nic jiného, než definiční seznam - já si to takhle alespoň dobře pamatuji, protože všechny značky definic mi přijdou stejné ;-)). Pojem, který budeme vysvětlovat, vložíme do značky <dt> a vysvětlující text do <dd>. Takže nějak takhle:

<dl>
<dt>Hurvínek</dt>
  <dd>Česká legendární loutková postavička</dd>
<dt>Mánička</dt>
  <dd>Nejlepší a nejchytřejší Hurvínkova kamarádka</dd>
<dt>Spejbl</dt>
  <dd>Hurvínkův otec přísný jako řemen</dd>
</dl>

Definiční seznam může být použit prakticky vždycky, kde máte nějaký úsek textu, který v následujícím odstavci vysvětlíte či nějak jinak přiblížíte (zase používat s rozumem). Dá se to použít pro klasické novinky, kdy pojem, který budeme vysvětlovat, představuje datum a případně nadpis a objasňující text pak bude text novinky. Já například definiční seznam používám pro rozcestník. I definiční seznamy do sebe můžete pochopitelně zanořovat.

  • Hlavní strana
  • Návody
  • Download
  • Odkazy
  • Kontakt
  • «« Úprava textu » rozcestník « Citace a zkratky »»

    o web se stará Lukáš Havrlant (kontakt)