---

Webové kotvy - metoda C - atribut name i id

Dnes si ukážeme poslední metodu, která nám vyřeší problémy s kompatibilitou. Zhodnotíme její výhody a nevýhody oproti ostatním a nakonec si každý z vás bude moci vybrat tu pravou, která mu bude nejvíce vyhovovat.

Metoda C: atribut name a id

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

Výsledek: Shlědněte metodu C

Zde už není málem co vysvětlovat, jedná se o smíchání obou předcházejících metod dohromady, kdy prvku a přiřadíme atributy name a id , které budou obsahovat název kotvy. Odkazování na kotvu je ve všech třech metodách stále stejné.

Implementace

U metody B jste mohli vytvářet kotvy na jakémkoli prvku, ale pokud používáte atribut name , můžete metodu C používat pouze na těchto prvcích: a , applet , form , frame , iframe , img a map . Proto jsme přesunuli id z nadpisu do odkazu.

Pozor na styly prvku <a>

U této metody si musíme hlídat nastavení globální stylizace pro prvek <a> . Styl vašeho nadpisu se může změnit, protože značka <a> obkopuje text nadpisu. Problému se můžete vyvarovat používáním pseudotřídy : link u prvků <a> , která zaručí stylizovaní pouze pro odkazy, které obsahují atribut href . Více o tomto fíglu v některém z dalších článků.

Jaká metoda je nejlepší?

Pokud jste sledovali všechny metody pozorně, možná už máte svého favorita. Sám osobně bych vyloučil metodu A kvůli její mizivé dopředné kompatibilitě. Mezi metodou B a C už si musíte vybrat, především podle toho, pro jaké koncové uživatele hodláte dělat stránky. Pokud vytváříte stránky pro široké a různorodé publikum, doporučuji metodu C, která vám zaručí zpětnou i dopřednou kompatibilitu. Musíte však brát i v potaz, že tato metoda vyžaduje více kódu.

Shrnutí

Doufám že už jste si vybrali svou metodu a já tímto článkem končím podcyklus o webových kotvách a přístě se podíváme přímo na hypertextové odkazy...

7.8.2005