Záložky

Dva kroky - Vložení záložky - Vložení odkazu - Příklad -  Záludnosti - Výhody - Kombinace - Historie

Určitě jste se při brousení Internetem setkali s podivnými odkazy, které nepřepínaly do jiného textu, ale jenom trochu odrolovaly text někam dolů. Takovým odkazům se říká odkazy na záložky (anglicky bookmark). Je to docela užitečná věcička. V následujících odstavcích se pokusím popsat, jak se to dá udělat, jak to používat a čeho se vyvarovat. Také budu pro ilustraci používat v textu záložky více, než je obvyklé.

Předpokládám, že znáte použití odkazů v HTML.

Dva kroky

K tomu, abych na stránce měl odkaz na záložku, musím udělat dvě věci.

1. Vložit záložku do textu a pojmenovat ji.
2. Udělat odkaz, který bude na záložku mířit.

Vložení záložky

V HTML kódu vypadá záložka následovně:

<a name="jmeno_zalozky"></a>

Na první pohled to vypadá jako odkaz (áčko na začátku)(proč je to tak?). Ale není. Liší se to ve dvou věcech. Zaprvé odkaz neobsahuje cíl (atribut href), zadruhé je prázdný = neobsahuje žádný text (tedy, přesněji: může obsahovat, ale nemusí a pokud obsahuje, nemá to žádný význam, pokud vím). V zobrazení textu na stránce se tedy záložka nijak neprojeví. Jediný význam je tento:

Text, který bude v záložce (nebo bezprostředně za ní), se po vyvolání záložky (odkazem) přesune na začátek obrazovky.

Důležitý je u záložky atribut name (jméno), který je dobré zadávat srozumitelně a logicky (ale bez mezer a diakritiky).

Vložení odkazu na záložku

V kódu to vypadá takhle:

<a href="#jmeno_zalozky">text odkazu</a>.

Zkušení autoři poznávají klasický odkaz (áčko na začátku + atribut href), pouze v atributu href se vyskytuje onen magický #křížek na začátku. Křížek prostě znamená, že odkaz nevede na soubor, ale na záložku. Nyní je také jasné, proč bylo tak důležité jméno záložky (to je to slovo za křížkem).

Příklad

Na začátku této stránky je vložena záložka charakterizovaná tímto kódem:

<a name="zacatek"></a> .

Následující odkaz má tento kód:

<a href="#zacatek">Zkuste to!</a>

Po kliknutí na něj byste se měli přepnout na začátek stránky (čili na tu záložku). Zkuste to!

Záludnosti

S používáním záložek jsou spojeny některé problémy.

• Ztěžují orientaci na stránkách, protože čtenář má mylný pocit, že je po odkazu na jiné stránce.
• Přerušují tok textu. Po odkliknutí na záložku zapomínám, kde jsem už četl a kde ne. Odkazy na záložky totiž nemění barvu jako odkazy normální.
• Nutí k rolování. Chci-li se vrátit tam, kde jsem kliknul na záložku, musím okno odrolovat. Pouze některé novější prohlížeče si pamatují, co bylo v okně před kliknutím a umožňují rozumně použít tlačítko Zpět.
• Snažte se nedávat vedle sebe odkazy na jiné stránky a odkazy na záložky. Čtenáře to mate. Zkuste vždy nějak naznačit, že jde o odkaz na záložku (nejčastěji formátováním). Já používám kurzívu.

Výhody

Záložky významně usnadňují orientaci v delších textech. Je dobré dát na začátek každého takového textu řádku s názvy kapitol nebo odstavců, které jsou aktivní. Když mám čas a náladu, tak to dělám. Mám předdefinované, že se mi budou zobrazovat kurzivou (pomocí CSS a třídy "zalozka").

Mnoho autorů používá odkazů "Na začátek stránky". Hodí se to, občas. Já to nedělám, protože si myslím, že čtenáři nejsou tak tupí a umějí si tam odrolovat sami (třeba klávesou Home).

Používáte-li na tvorbu stránek Word 97, záložky a odkazy na ně se dobře převedou. Stejně tak automatické obsahy (jen místo čísla stránek mají hvězdičku s odkazem).

Kombinace

Málo se to používá, ale dá se udělat, aby normální odkaz byl zároveň záložkou. Prostě se do odkazu přidá atribut name:

<a href="nekam.htm" name="jmeno_zalozky">Textodkazu</a>

Nebo se dá nastavit odkaz na záložku na jiné stránce. Taková stránka se po zavedení odroluje na pozici záložky:

<a href="nekam.htm#jmeno_tamni_zalozky">text odkazu</a>

Historie

To, že se záložka i odkaz zadává stejným tagem (totiž áčkem) je dáno historickým vývojem. V pravěkém HTML totiž existovalo velice málo znaků a kodifikátoři se zdráhali vytvářet zbytečně nové. Takže dnes máme pro dvě úplně rozdílné věci jeden tag!

Předchozí: zdokonalení odkazů, Další: Mailové adresy jako odkazy
Vizte též: Odkazy v HTML, struktura textu

O tvorbě, údržbě a zlepšování internetových stránek. Základy HTML CSS FrontPage Hledání