Odkazy v HTML

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.

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

protokol://server.doména.generická-

doména:port/cesta/soubor#záložka?dotaz

Příklady:

odkaz	protokol	server	doména	gen. doména	cesta	soubor
http://www.seznam.cz	http	www	seznam	cz	není	není
http://dusan.pc-slany.cz/internet/default.htm	http	dusan	pc-slany	cz	internet	default.htm

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.

absolutní adresa	relativní adresa z:
index.html	slozka/
1.html	2.html
http://www.xyz.cz/index.html	index.html	../index.html	../index.html
http://www.xyz.cz/slozka/1.html	slozka/1.html	1.html	1.html
http://www.xyz.cz/slozka/2.html	slozka/2.html	2.html	2.html

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:

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.

Obsah

Hledání

Základní kurs

Editory

HTML tipy

Provoz webu

CSS styly

PŘEHLED VLASTNOSTÍ CSS