Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

a - Český HTML 5 manuál

Tag <a> (jako anchor = kotva) se používá k definici hypertextového odkazu. Můžeme se tak přesouvat mezi jednotlivými stránkami našeho webu nebo odkázat na web jiný.

V prohlížeči se odkazy při výchozím nastavení zobrazí modré a podtržené. Již navštívené odkazy se zobrazí fialové. Aktivní odkaz (když na něj klikneme myší) se zobrazí červeně. To je samozřejmě možné změnit pomocí CSS.

Atributy

K elementu můžeme uvést tyto atributy:

  • href - Specifikuje URL adresu odkazované stránky.
  • hreflang - Specifikuje jazyk odkazovaného dokumentu.
  • media - Specifikuje pro která zařízení je obsah odkazovaného dokumentu určen.
  • rel - Specifikuje vztah mezi současným a odkazovaným dokumentem.
  • target - Definuje cíl odkazu. Můžeme uvést hodnotu _blank pro otevření v novém okně, _parent pro otevření v nadřazeném okně, _top pro otevření v nejnadřazenějším okně. Výchozí je hodnota _self pro současné okno. Můžeme uvést jméno rámu, ve kterém se má odkaz otevřít
  • type - Specifikuje MIME typ odkazovaného dokumentu.

Ukázka použití

<p>
Windows je operační systém od <a href="http://www.microsoft.com">Microsoftu</a>.
Jeho alternativou je Linux, o kterém jsem napsal tento <a href="linux.html">článek</a>.
</p>

Výsledek:

Ukázka použití HTML 5 tagu a k vložení hypertextového odkazu - Ostatní tagy - Český HTML 5 manuál

Pomocí odkazů je možné se pohybovat i v rámci jedné stránky. U odkazu vynecháme atribut href a dokonce i samotný text odkazu. Naopak uvedeme atribut id. Takovýto odkaz poté slouží jako kotva a můžeme se na něj odkazovat běžným odkazem s pomocí #.

Ukázka použití odkazu pro navigaci v rámci stránky:

<a id="nahoru"></a>
<h1>Ukázka použití kotvy</h1>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<a href="#nahoru">Nahoru</a>

Výsledek:

Ukázka použití HTML 5 tagu a jako kotvy k navigaci v rámci jedné stránky - Ostatní tagy - Český HTML 5 manuál

 

Všechny články v sekci
Ostatní tagy - Český HTML 5 manuál
Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity