a - Český HTML 5 manuál

HTML a CSS Manuál Ostatní tagy 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

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

 

  Aktivity (1)

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Ostatní tagy - Český HTML 5 manuál

 

 

Komentáře

Avatar
Kit
Redaktor
Avatar
Kit:

Je Linux alternativou Windows nebo jsou Windows alternativou Linuxu? Filosofická otázka, která s článkem nesouvisí a která může některé uživatele dráždit.

Ještě jsem se nesetkal s použitím atributu media. Podle mne ho většina prohlížečů bude ignorovat.

Odpovědět 18.8.2012 13:36
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Kit
David Čápka:

Toto téma bych zde nerad rozebíral, myslím, že z hlediska trhu je jasné, co je alternativa a toto slovo je se systémem dále často a oficiálně spojováno, např. při hledání alternativ programů.

Co jsem při psaní článků postřehl, tak úplně nepodporované jsou jen 2 elementy z pětkové specifikace a situace se velmi rychle mění. Totéž platí pro atributy.

Odpovědět 18.8.2012 13:43
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Petr.Matras
Člen
Avatar
Petr.Matras:

Nevím, zda úmyslně, ale mezi uvedenými atributy chybí download. Podle informací z W3School ale není zatím podporovaný v IE a Safari.

Editováno 21.4.2015 17:39
Odpovědět 21.4.2015 17:36
Sometimes you just do things. - Scott Jurek
Avatar
Odpovídá na Petr.Matras
Michal Žůrek (misaz):

download je nový attribut (v době kdy se psal manuál ještě neexistoval) a měl by tam být, protože se nachází v oficiálním standartu W3C.

http://www.w3.org/…mantics.html#…

Odpovědět 21.4.2015 17:49
Nesnáším {}, proto se jim vyhýbám.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.