Odkazy na části stránek

Prostřednictvím URL se můžete odkázat nejen na celou stránku, ale i na její vybranou část, například obrázek, tabulku, nebo určený úsek textu. Abyste to mohli udělat, je třeba na stránce vytvořit návěstí.

Návěstí

Návěstí představuje cíl pro odkazy vedoucí dovnitř dokumentu. Je neviditelné, slouží čistě jako interní nástroj. Tradičně se do kódu stránky vkládalo prvkem

<a id="identifikátor">...</a>

který „obaloval“ cíl odkazů. V tomto případě se prvek <a> používal s atributem id (namísto obvyklejšího href, který vytváří odkaz). <a> s atributem id nevytvoří nic viditelného. Jen do stránky vloží pojmenovaný bod, na který se lze odkázat.

Ovšem v HTML5 lze atributem id opatřit libovolný prvek na stránce a vytvořit tak návěstí. Například budete chtít odkázat na určitý obrázek. Cíl pro odkaz si připravíte pomocí:

<img src="schema.gif" alt="schéma činnosti přístroje"
   width="450" height="375" id="schema">

Hodnotou atributu id je identifikátor, který musí být v rámci dané stránky jednoznačný – nesmíte na stejnou stránku vložit dvě id se stejnou hodnotou. Identifikátor raději zahajujte písmenem, za ním může následovat libovolně dlouhá posloupnost písmen, číslic, pomlček, podtržítek, dvojteček a teček. (Identifikátor povinně musí začínat písmenem jen v XHTML5, ale je jednodušší zvyknout si na to jako na obecné pravidlo.)

Odkazy

Odkaz dovnitř stránky se realizuje zcela obvykle (pomocí <a href="...">), jen se na konci cílové adresy uvede návěstí. K jeho oddělení slouží znak „#“.

Chcete-li se odkázat jen v rámci téže stránky, stačí jako adresu uvést samotné návěstí. Například

Viz <a href="#schema">schéma činnosti přístroje</a>.

Můžete ale pochopitelně připojit návěstí na konec libovolného URL, například

Projekt
<a href="http://www.tul.cz/doc/navod.html#instal">Instalace</a>.

Příklad – lokální obsah

U stránek s delším textem se někdy můžete setkat s lokálním obsahem – na začátku stránky je uveden seznam jejích částí. Názvy částí slouží jako odkazy, jež vás posunout v textu přímo na začátek dané části.

Realizace je celkem snadná. Návěstí vložíte do nadpisů jednotlivých částí (čili do prvků <h2> a případně i nižších úrovní struktury). Jelikož odkazy vedou na tutéž stránku, stačí jako adresu uvést jen samotné návěstí. Zdrojový kód vypadá zhruba následovně:

<h1>Stránka s lokálním obsahem</h1>

<p>Obsah:</p>
<ul>
<li><a href="#instal">Instalace</a></li>
<li><a href="#konfig">Konfigurace</a></li>
<li><a href="#uziti">Použití a údržba</a></li>
</ul>

<h2 id="instal">Instalace</h2>
...

<h2 id="konfig">Konfigurace</h2>
...

<h2 id="uziti">Použití a údržba</h2>
...

Můžete se podívat na jeho formátovanou podobu.