Odkazy

Redakce NETzin.cz 9. 2. 2010     Rubrika:  Web   

Prvním tagem HTML, který budete pravděpodobně používat hodně často, je značka hypertextového odkazu. Odkazovat můžete mezi stránkami svého webu, na jiné místo ve stránce, na nějaký soubor (typicky obrázek), nebo na jiný web či konkrétní stránku jinde na internetu.

Tag hypertextového odkazu je a

Existuje dva základní druhy odkazů:

• S absolutní adresou
• S relativní adresou

V prvním případě se píše celá adresa včetně protokolu http:// a vždy ji musíte použít při odkazování na jiné webové stránky. Zápis odkazu s absolutní adresou vypadá takto:

<a href=“http://www.netzin.cz“>Text, který vidí uživatel a na který kliká</a>

Zápis s relativní adresou se používá při odkazování mezi stránkami v jednom prostoru, tedy na vašem webu. Struktuře se budeme věnovat v další kapitole, ale jde v podstatě o to, že když budete ze souboru index.html odkazovat na soubor s názvem kontakt.html, hypertextový odkaz bude mít tento zápis:

<a href=“kontakt.html“>Text, který vidí uživatel a na který kliká</a>

To ovšem platí pouze v případě, že jsou oba soubory umístěny ve stejném adresáři (složce). Pokud bude soubor kontakt.html v podsložce info, pak bude odkaz vypadat takto:

<a href=“info/kontakt.html“>Text, který vidí uživatel a na který kliká</a>

Ze souboru umístěném v podsložce info bude odkaz mířící na index.html (tedy jakoby nahoru) vypadat takto:

<a href=“./index.html“>Text, který vidí uživatel a na který kliká</a>

Výhodou relativního zápisu je skutečnost, že pokud všechny soubory webu vezmete a přesunete na jinou doménu, odkazy budou nadále fungovat stejným způsobem.

To neplatí při zápisu absolutním, protože obsahuje doménové jméno a míří tedy pořád na konkrétní doménu.

Zde se také dostáváme k tomu, proč je pohodlné používat jenom malá písmena bez diakritiky (zmínka v první kapitole tohoto kurzu). Při nesprávném zápisu (rozdílné znaky jsou rozlišovány) totiž odkazy nebudou fungovat. Je rozdíl mezi souborem kontaktniformular.html a kontaktníformulář.html.

Odkazy ve stránce

Nejenom mezi stránkami je možné odkazovat. Někdy se hodí, když odkážete na jiné místo ve stránce jedné, například v případě delšího dokumentu. K tomu se používají tzv. kotvy nebo záložky a zápis tohoto bodu ve stránce vypadá takto:

<a name=“zde“></a>

Pokud budete chtít na záložku s názvem zde odkázat, napíšete:

<a href=“#zde“>Zde text odkazu, na který se kliká</a>

Po kliknutí dojde k odrolování stránky na místo, kde je záložka zde umístěna. Záložek pochopitelně můžete použít více a mohou mít libovolné názvy.

Odkaz na obrázek

O obrázcích bude pojednávat zvláštní kapitola, proto si jenom stručně řekneme, že v odkazu se použije prostě název konkrétního souboru. Jestliže tedy budete mít obrázek s názvem fotka.jpg umístěný ve složce obrazky a další podsložce dovolena, pak bude odkaz vypadat takto:

<a href=“obrazky/dovolena/fotka.jpg“>odkaz na který se kliká</a>

Typicky se tímto způsobem obalí tag pro obrázek v jeho zmenšené verzi a ten je potom místo textu. Uživatel klikne na zmenšeninu a přes odkaz se dostane na plnou velikost. O tom ale až v kapitole o obrázcích.

Odkazy jsou základem webu. Právě toto propojení je to unikátní a skvělé na celé technologii. Díky odkazům se pohybujete po internetu.