Odkazy v HTML

Tag <a> - Href - URL - Protokoly - Relativnφ odkazy - JinΘ formßty soubor∙

Tag <a>

Text, kter² slou╛φ jako odkaz je obalen pßrov²m tagem <a>:

<a>Text odkazu</a>

Href=

Tag <a> mß d∙le╛it² atribut "href", toti╛ cφl. Href obsahuje adresu, podle kterΘ prohlφ╛eΦ poznß, na jakou strßnku se mß p°epnout, kdy╛ se na odkaz klikne.

<a href="http://www.seznam.cz">Seznam</a>

Toto je odkaz na Seznam, hodnotou "href" je adresa "http://www.seznam.cz".

URL

Adrese se takΘ °φkß URL. Znamenß to Unique Resource Locator, Φili jednoznaΦnΘ umφst∞nφ zdroje. Pou╛φvß se nejenom u odkaz∙, ale i p°i vklßdßnφ obrßzk∙, CSS soubor∙, objekt∙, prost∞ r∙zn²ch soubor∙. Pokud vßs nezajφmß teorie jeho slo╛enφ, pokraΦujte Φtenφ u relativnφho odkazu.

Slo╛enφ URL

URL lze symbolicky zapsat takto:

protokol://server.domΘna.generickß-
domΘna:port/cesta/soubor#zßlo╛ka?dotaz

Zjednodu╣en∞: protokol://server.domΘna.generickß-domΘna/cesta/soubor

P°φklady:

URL se vypl≥uje do atributu href tagu a. Symbolicky zapsßno:

<a href="URL">Odkaz</a>

Protokoly

Protokol∙m se n∞kdy takΘ °φkß "schΘmata". Protokolem je mφn∞n zp∙sob, jak²m se prohlφ╛eΦ pokusφ dosßhnout cφle odkazu.

HTTP

Zßkladnφm protokolem pou╛φvan²m na www strßnkßch je HTTP. HyperText Transfer Protocol. Mßlokdy se setkßte s n∞Φφm jin²m. V∞t╣ina URL zaΦφnß °et∞zcem "http://". Modernφ prohlφ╛eΦe p°i ╗ukßnφ adresy dokonce http:// p°ed°azujφ automaticky (ale jenom p°i ╗ukßnφ, nikoliv p°i klikßnφ po chybn²ch odkazech).

FTP

Protokol pro p°enos soubor∙ je FTP -- File Transfer Protocol. Odkazujφ se jφm soubory umφst∞nΘ na FTP serverech. Pokud se s takov²m odkazem prohlφ╛eΦ potkß, pokusφ se spustit n∞jakΘho FTP klienta (n∞kterΘ prohlφ╛eΦe jej majφ zabudovan²) a p°edat mu po╛adavek na sta╛enφ souboru. Formßt adresy je ftp://u╛ivatel@server/cesta/soubor, nap°φklad ftp://ftp.pc-slany.cz je odkaz pro anonymnφ p°ipojenφ k ftp serveru. (KterΘ je mimochodem zakßzßno. Anonymnφ znamenß bez jmΘna u╛ivatele; u╛ivatelsk² p°φstup vy╛aduje heslo.)

FILE

MAILTO

Protokol mailto: se pou╛φvß na odkazovßnφ e-mailov²ch adres. Formßt je mailto:elektronickß adresa. Nap°. <a href="mailto:dusan@pc-slany.cz">Napi╣te mi!</a> . Pokud se prohlφ╛eΦ potkß s takovou v∞cφ, spustφ po╣tovnφ program a p°edß mu adresu jako parametr. Vφce v textu o mailov²ch adresßch.

A dal╣φ...

Existujφ je╣t∞ dal╣φ protokoly (nap°. Gopher, News), kterΘ se ale p°i psanφ webov²ch strßnek pou╛ijφ tak z°φdka, ╛e si nejsem zdaleka jist² jejich sprßvnou funkcφ. 

Zkuste si takΘ view-source:file:///c:/autoexec.bat M∞l by se zobrazit n∞jak² soubor v zobrazenφ zdroje. Za view-source: se musφ uvßd∞t absolutnφ adresa (nelze relativnφ).

Kdy╛ u╛ jsem u pseudoprotokol∙, tak bych m∞l zmφnit about:. Za about: se dß napsat text, kter² se zobrazφ jako obsah strßnky. Nap°. <a href="about:Toto je text zobrazovan² po kliknutφ na odkaz.">Zkuste si to</a>. Dajφ se tam dokonce pou╛φvat i tagy, ale ne uvozovky (nahra∩te apostrofy). Je to ale celkem k niΦemu, mimo jinΘ proto╛e to nenφ ve specifikaci a Netscape to neumφ. Existuje v²jimeΦnß hodnota about:blank, kterß zobrazuje ·pln∞ prßzdnou strßnku. 

V Internet Exploreru si obΦas lze v╣imnout divn²ch v∞cφ, jako t°eba search: a podobn∞. Nic o tom nevφm.

Relativnφ odkazy

Pokud adresa odkazu (URL) nezaΦφnß protokolem, prohlφ╛eΦ vφ, ╛e se jednß o "relativnφ odkaz". My╣lenka relativnφch odkaz∙ vyu╛φvß faktu, ╛e v∞t╣ina odkaz∙ mφ°φ na stejn² server nebo dokonce do stejnΘho adresß°e (slo╛ky). Proto se do relativnφ adresy pφ╣e zpravidla jenom jmΘno souboru -- prohlφ╛eΦ vφ, ╛e ho mß hledat ve stejnΘm adresß°i.

Jin²mi slovy, prohlφ╛eΦ si p°ed relativnφ odkaz p°idß URL p°edchozφ strßnky bez jmΘna souboru.

Je-li odkazovan² soubor v jinΘm blφzkΘm adresß°i (slo╛ce), tak se do relativnφ adresy p°ed jmΘno souboru p°idß cesta. Zßpis nad°azenΘho adresß°e se d∞lß standardn∞ dv∞ma teΦkami.

P°φklad

Mßm 3 strßnky na serveru www.xyz.cz. V tabulce uvßdφm jejich absolutnφ adresy (s protokolem http://) a vzßjemnΘ relativnφ adresy.

Pokud vßm tato tabulka p°ijde nep°ehlednß, napi╣te mi prosφm, jß ji p°ed∞lßm.

Zßpis relativnφ adresy se d∞lß normßln∞. T°eba ze strßnky 1.html na strßnku 2.html:

<a href="2.html">Druhß strßnka</a>

JinΘ formßty soubor∙

Soubory typu htm a html se otevφrajφ normßln∞ v prohlφ╛eΦi. Stejn∞ tak serverov∞ generovanΘ strßnky .asp, .php (php3, phtml), .shtml, .jsp.

Ke ka╛dΘmu dal╣φmu typu soubor∙ (chßpe se to podle p°φpony) mß prohlφ╛eΦ urΦen² program, jim╛ se otevφrß. Ve Windows se to nastavenφ p°ebφrß z asociacφ operaΦnφho systΘmu. Tak nap°φklad textov² soubor se otevφrß v Notepadu.

Kdy╛ nasm∞rujete odkaz na soubor (do href normßln∞ napφ╣ete URL na soubor.xxx), tak se ten asociovan² program spustφ. P°ed tφm se u╛ivatele obvykle zeptß, zda se mß otev°φt z aktußlnφho umφst∞nφ, nebo ulo╛it na disk (z bezpeΦnostnφch d∙vod∙). Existujφ druhy soubor∙, u kter²ch se prohlφ╛eΦ neptß -- t°eba obrßzky nebo prost² text.

Nap°φklad odkaz na sta╛enφ zip archivu se do HTML napφ╣e t°eba takto: <a href="archiv.zip">Sta╛enφ archivu</a>.

Velmi Φasto se takto p°φmo odkazujφ obrßzky typu jpg, nap°φklad fotografie.

Dal╣φ: Zdokonalenφ odkaz∙
Vizte tΘ╛: Zßlo╛ky, Jak psßt texty na web, Zßklady HTML, cφlovΘ okno (rßmy), URL v CSS

Pou╛itß literatura: Pavel Satrapa, Web Design, Neokortex 1997

O tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek. Zßklady HTML CSS FrontPage Hledßnφ