Hyperlinky

Obsah lekce:

Hyperlinky v jednom dokumentu

HypertextovΘ odkazy tvo°φ zßkladnφ kßmen jazyka HTML. Dφky t∞mto odkaz∙m je mo₧nΘ skßkat na jinß mφsta v rßmci jednoho dokumentu nebo otevφrat libovolnΘ dokumenty, kterΘ jsou ulo₧eny na jakΘmkoliv WWW serveru kdekoliv na sv∞t∞. HypertextovΘ odkazy jsou definovßny p°φkazem <A>.

Nap°φklad u dlouh²ch dokument∙ je velice u₧iteΦnΘ, kdy₧ autor uvede hned na zaΦßtku dokumentu jeho struΦn² obsah, z jeho₧ jednotliv²ch polo₧ek vedou hypertextovß spojenφ, kterß Φtenß°e jednφm kliknutφm myÜi p°enesou na po₧adovanΘ mφsto v dokumentu (p°φkladem m∙₧e b²t struΦn² obsah na zaΦßtku ka₧dΘ lekce, viz. obsah lekce).

V tomto p°φpad∞ je nutnΘ oznaΦit v textu mφsta, na kterß budou hyperlinky odkazovat. Druhou nezbytnostφ jsou vlastnφ hyperlinky. Oba p°φkazy jsou uvozeny nßv∞Ütφm <A> (anchor). Mφsto v dokumentu, ke kterΘmu se vztahuje n∞jak² hypertextov² odkaz, se naz²vß "kotva" a je definovßna atributem NAME. P°φkaz ke skoku na tuto kotvu (nebo skok na jin² dokument) je definovßn atributem HREF (hypertext reference). P°i odkazovßnφ na kotvu musφ nßzvu tΘto kotvy p°edchßzet v atributu HREF znak "#". P°i pou₧itφ atributu HREF je oblast mezi nßv∞Ütφmi <A> a </A> pou₧ita jako hypertextov² odkaz, na kter² kdy₧ kliknete myÜφ, skoΦφte na jinΘ mφsto dokumentu, p°φp. na jin² dokument. Z tohoto d∙vodu nesmφ z∙stat kontejner <A> prßzdn². Naopak p°i pou₧itφ atributu NAME nemß obsah tΘho₧ kontejneru ₧ßdn² v²znam.

<UL>
<LH>Obsah lekce:</LH>
<A HREF="#local">
<LI>hyperlinky v rßmci jednoho dokumentu</LI></A>
<A HREF="#remote">
<LI>hyperlinky na jinΘ HTML dokumenty</LI></A>
</UL>

N∞kde v dokumentu se nachßzφ kotvy:
<A NAME="local"></A>
<A NAME="remote"></A>

Bude zobrazeno (s pln∞ funkΦnφmi hyperlinky) takto:

Obsah lekce:

hyperlinky v rßmci jednoho dokumentu

hyperlinky na jinΘ HTML dokumnety

<A href="url" name="nßv∞Ütφ" title="text" rel="typ" rev="typ" methods="metoda" target="cφlovΘ_okno" shape=["default" | "circle x,y,z" | "rect x,y,w,h" | "polygon x1,y1,x2,y2,..."]>

...text...

</A>

pßrovß znaΦka slou₧φcφ pro zßpis hypertextovΘho odkazu; definuje odkaz na jin² dokument nebo na Φßst tΘho₧ dokumentu; Φßst uzav°enß v kontejneru <A> ... </A> je normßlnφ text dokumentu; aby bylo z°ejmΘ, ₧e se jednß o odkaz, b²vß tento text barevn∞ odliÜen a podtr₧en; vlo₧enφm <IMG> do kontejneru <A> ... </A> lze vytvo°it "hypertextovou grafiku"

`href`	URL cφle odkazu
`name`	jmΘno pou₧itΘ v dokumentu jako nßv∞Ütφ pro cφl skoku; nßv∞Ütφ v dokumentu mß obecn∞ tvar <A NAME="jmΘno"> </A>; odkaz na toto nßv∞Ütφ se zapisuje ve tvaru <A HREF="#jmΘno"> ... </A>
`title`	struΦn² popisek dokumentu, na kter² znaΦka odkazuje
`rel`	urΦuje v²znam cφlovΘho dokumentu a jeho vztah k dokumentu stßvajφcφmu
`rev`	opak `rel`; urΦuje vztah aktußlnφho dokumentu k odkazovanΘmu typ je jeden z nßsledujφcφch definovan²ch nßzv∙ pro `rel` a `rev` (seznam nenφ definitivnφ) `parent` rodiΦ `made` autor (odkaz na domovskou strßnku nebo mailto) `next` nßsledujφcφ dokument v hierarchii `previous` p°edchozφ dokument v hierarchii
`methods`	mezerami odd∞lovan² seznam HTTP metod (GET, PUT, ...), kterΘ podporuje cφlov² objekt (mßlo podporovan² atribut)
`target`	jmΘno okna, rßmce nebo prohlφ₧eΦe, ve kterΘm mß b²t zobrazen dokument navßzan² na tento odkaz; pokud jmΘno neexistuje vytvo°φ se okno novΘ; nßsleduje seznam p°edem definovan²ch jmen `_blank` pro dokument v₧dy vyu₧φt novΘ okno `_self` zobrazit v tomto okn∞ (ruÜφ ·Φinek atribitu `target` ve znaΦce <BASE>) `_parent` zobrazit dokument v rßmu Φi okn∞, ve kterΘm je zobrazen nejbli₧Üφ nad°azen² <FRAMESET> `_top` pro zobrazenφ pou₧φt celΘ okno prohlφ₧eΦe (ruÜφ rozd∞lenφ okna na rßmy)
`shape`	definuje tvar a oblast jednΘ citlivΘ Φßsti obrßzku zavedenΘho znaΦkou <FIG>, p°i jejφm₧ zvolenφ mß prohlφ₧ecφ program p°edat sou°adnice tΘto oblasi CGI skriptu kotvy; jedna z mo₧nostφ jak vytvo°it klikateln² obrßzek ve spojenφ s prvkem <FIG> (!nestandardnφ prvek!) `default` implicitnφ tvar `circle` kruh; x,y,r sou°adnice st°edu a polom∞ru `rect` obdΘlnφk; x,y,w,h sou°adnice levΘho hornφho rohu, Üφ°ka a v²Üka `polygon` obecn² mnoho·helnφk; x1,y1,x2,y2, ... sou°adnice jednotliv²ch vrchol∙

Hyperlinky na jinΘ dokumenty

Pomocφ atributu HREF je mo₧no odkazovat v aktußlnφm dokumentu na kotvu i na soubory, kterΘ v sob∞ skr²vajφ jinΘ dokumenty HTML. P°i odkazovßnφ na soubory na jednom serveru je v²hodnΘ zadßvat k soubor∙m relativnφ cesty. P°i takovΘm zp∙sobu se vychßzφ z adresß°e, v n∞m₧ je ulo₧ena aktußlnφ strßnka. Pro zadßnφ cesty k podadresß°∙m se nepou₧φvajφ obrßcenß lomφtka "\" (jako je tomu nap°φklad u systΘmu MS-DOS), ale lomφtka normßlnφ "/".

Nßzev kotvy umφst∞n² v po₧adovanΘm dokumentu (je-li zadßn jako souΦßst hodnoty atributu HREF), vßs kliknutφm myÜi p°enese p°φmo na po₧adovanΘ mφsto v novΘm dokumentu.

P°edchozφ p°φklad, upraven² pro jin² soubor ze stejnΘho adresß°e

<UL>
<LH>Obsah lekce:</LH>
<A HREF="hyperlnk.htm#local">
<LI>hyperlinky v rßmci jednoho dokumentu</LI></A>
<A HREF="hyperlnk.htm#remote">
<LI>hyperlinky na jinΘ HTML dokumenty</LI></A>
</UL>

Z°ejm∞ nejv∞tÜφ v²znam hyperlink∙ se projevφ a₧ p°i pou₧itφ odkazu na ·plnΘ (absolutnφ) URL adresy. Tφmto zp∙sobem je toti₧ mo₧nΘ propojovat libovolnΘ HTML dokumenty, kterΘ jsou ulo₧eny na kterΘmkoliv serveru ve sv∞t∞.

P°edchozφ p°φklad, upraven² pro odkaz z jinΘho serveru

<UL>
<LH>Obsah lekce:</LH>
<A HREF="http://sellene.zcu.cz:88/indy/hyperlnk.htm#local">
<LI>hyperlinky v rßmci jednoho dokumentu</LI></A>
<A HREF="http://sellene.zcu.cz:88/indy/hyperlnk.htm#remote">
<LI>hyperlinky na jinΘ HTML dokumenty</LI></A>
</UL>