---

Webové kotvy - metoda B - atribut id

Jedeme dál s další metodou ve které se úplně zbavíme atributu name a prvku <a>. Ale jestli nám tato metoda vyřeší všechny problémy s kompatibilitou, to se nechte překvapit.

Metoda B: atribut id

<a href="#metoda-b" title="Kotva na metodu B">Shlédněte metodu B</a>
...
<h3 id="metoda-b">Metoda B: atribut id</h3>

Výsledek: Shlědněte metodu B

Jak vidíte kotvu už nemusíme zabalovat značkou <a> s atributem name . Stačí nám pouze přiřadit prvku, na který bude směrovat kotva, atribut id s názvem kotvy.

K odkazování na kotvu se stále využívá obyčejného hypertextového odkazu, který v atributu href musí obsahovat značku "#" a za ní hned název odkazované kotvy.

Kotvíme co chceme

Jelikož atribut id lze přiřadit jakémukoli prvku, můžeme na stránce ukotvit cokoliv chceme. S prvkem <a> bychom asi těžko ukotvovali prvky typu <div> , <p> , <form> , <ul> ... No samozřejmě že by to šlo, ale nebylo by to podle W3C validní. Ale pokud těmto prvkům přiřadíme id , můžeme na ně vesele odkazovat. To je velká výhoda této metody.

Ušetření kódu

Další šikovnou věcí této metody je skutečnost, že můžeme používat již dříve existující atribut id , který jsme mohli prvku přiřadit pro stylizaci přes CSS. Pak už nemáme potřebu přidávat další kód k nastavení bodu ukotvení.

Kotva na začátek stránky

Hodně webdesignerů (možná i vy) dává na konec stránek odkaz, který odkazuje na nějaký prvek na začátku stránky (např. logo). To je šikovná věcička když máte na stránkách hodně co rolovat, ale musíte si dát pozor na jeden zádrhel. Nejpoužívanější název kotvy je "top". Existují však prohlížeče, které mají toto slovo rezervované a jeho použití by pak mohlo vést ke smíšeným výsledkům. Proto se tomuto názvu radší vyvarujte a používejte například slovo "nahoru". Hezky česky...

Kompatibilita

Velkou slabinou použití atributu id pro kotvy je, že některé starší prohlížeče je nerozpoznají. To je při tvorbě vašich stránek nutné vzít v úvahu. Jedná se především o prohlížeče verze 4.x.

Shrnutí

Nevím jak vám, ale mně se tato metoda docela líbí. Moc se mi zamlouvá, že můžeme narozdíl od použití <a> ukotvit jakékoli prvky chceme. Na oplátku je zde však problém se staršími prohlížeči především verze 4.x, které atribut id nerozpoznají jako kotevní bod. V každém případě nás však čeká ještě jedna metoda...

5.8.2005