Dva kroky - Vlo╛enφ zßlo╛ky - Vlo╛enφ odkazu - P°φklad - Zßludnosti - V²hody - Kombinace - Historie
UrΦit∞ jste se p°i brousenφ Internetem setkali s podivn²mi odkazy, kterΘ nep°epφnaly do jinΘho textu, ale jenom trochu odrolovaly text n∞kam dol∙. Takov²m odkaz∙m se °φkß odkazy na zßlo╛ky (anglicky bookmark). Je to docela u╛iteΦnß v∞ciΦka. V nßsledujφcφch odstavcφch se pokusφm popsat, jak se to dß ud∞lat, jak to pou╛φvat a Φeho se vyvarovat. TakΘ budu pro ilustraci pou╛φvat v textu zßlo╛ky vφce, ne╛ je obvyklΘ.
P°edpoklßdßm, ╛e znßte pou╛itφ odkaz∙ v HTML.
K tomu, abych na strßnce m∞l odkaz na zßlo╛ku, musφm ud∞lat dv∞ v∞ci.
V HTML k≤du vypadß zßlo╛ka nßsledovn∞:
<a name="jmeno_zalozky"></a>
Na prvnφ pohled to vypadß jako odkaz (ßΦko na zaΦßtku)(proΦ je to tak?). Ale nenφ. Li╣φ se to ve dvou v∞cech. ZaprvΘ odkaz neobsahuje cφl (atribut href), zadruhΘ je prßzdn² = neobsahuje ╛ßdn² text (tedy, p°esn∞ji: m∙╛e obsahovat, ale nemusφ a pokud obsahuje, nemß to ╛ßdn² v²znam, pokud vφm). V zobrazenφ textu na strßnce se tedy zßlo╛ka nijak neprojevφ. Jedin² v²znam je tento:
Text, kter² bude v zßlo╛ce (nebo bezprost°edn∞ za nφ), se po vyvolßnφ zßlo╛ky (odkazem) p°esune na zaΦßtek obrazovky.
D∙le╛it² je u zßlo╛ky atribut name (jmΘno), kter² je dobrΘ zadßvat srozumiteln∞ a logicky (ale bez mezer a diakritiky).
V k≤du to vypadß takhle:
<a href="#jmeno_zalozky">text odkazu</a>
.
Zku╣enφ auto°i poznßvajφ klasick² odkaz (ßΦko na zaΦßtku + atribut href), pouze v atributu href se vyskytuje onen magick² #k°φ╛ek na zaΦßtku. K°φ╛ek prost∞ znamenß, ╛e odkaz nevede na soubor, ale na zßlo╛ku. Nynφ je takΘ jasnΘ, proΦ bylo tak d∙le╛itΘ jmΘno zßlo╛ky (to je to slovo za k°φ╛kem).
Na zaΦßtku tΘto strßnky je vlo╛ena zßlo╛ka charakterizovanß tφmto k≤dem:
<a name="zacatek"></a>
.
Nßsledujφcφ odkaz mß tento k≤d:
<a href="#zacatek">Zkuste to!</a>
Po kliknutφ na n∞j byste se m∞li p°epnout na zaΦßtek strßnky (Φili na tu zßlo╛ku). Zkuste to!
S pou╛φvßnφm zßlo╛ek jsou spojeny n∞kterΘ problΘmy.
Zßlo╛ky v²znamn∞ usnad≥ujφ orientaci v del╣φch textech. Je dobrΘ dßt na zaΦßtek ka╛dΘho takovΘho textu °ßdku s nßzvy kapitol nebo odstavc∙, kterΘ jsou aktivnφ. Kdy╛ mßm Φas a nßladu, tak to d∞lßm. Mßm p°eddefinovanΘ, ╛e se mi budou zobrazovat kurzivou (pomocφ CSS a t°φdy "zalozka").
Mnoho autor∙ pou╛φvß odkaz∙ "Na zaΦßtek strßnky". Hodφ se to, obΦas. Jß to ned∞lßm, proto╛e si myslφm, ╛e Φtenß°i nejsou tak tupφ a um∞jφ si tam odrolovat sami (t°eba klßvesou Home).
Pou╛φvßte-li na tvorbu strßnek Word 97, zßlo╛ky a odkazy na n∞ se dob°e p°evedou. Stejn∞ tak automatickΘ obsahy (jen mφsto Φφsla strßnek majφ hv∞zdiΦku s odkazem).
Mßlo se to pou╛φvß, ale dß se ud∞lat, aby normßlnφ odkaz byl zßrove≥ zßlo╛kou. Prost∞ se do odkazu p°idß atribut name:
<a href="nekam.htm" name="jmeno_zalozky">Textodkazu</a>
Nebo se dß nastavit odkaz na zßlo╛ku na jinΘ strßnce. Takovß strßnka se po zavedenφ odroluje na pozici zßlo╛ky:
<a href="nekam.htm#jmeno_tamni_zalozky">text
odkazu</a>
To, ╛e se zßlo╛ka i odkaz zadßvß stejn²m tagem (toti╛ ßΦkem) je dßno historick²m v²vojem. V prav∞kΘm HTML toti╛ existovalo velice mßlo znak∙ a kodifikßto°i se zdrßhali vytvß°et zbyteΦn∞ novΘ. Tak╛e dnes mßme pro dv∞ ·pln∞ rozdφlnΘ v∞ci jeden tag!
P°edchozφ: zdokonalenφ odkaz∙, Dal╣φ:
MailovΘ adresy jako odkazy
Vizte tΘ╛: Odkazy v HTML, struktura textu
Obsah
Hledßnφ
Zßkladnφ kurs
Editory
HTML tipy
Provoz webu
CSS styly
Jak psßt web:
http://dusan.pc-slany.cz/internet/
Pφ╣e Yuh∙: autorova strßnka, mail: dusan@pc-slany.cz
Poslednφ aktualizace 17.12.2001