HTML Linkek és URL

Hiperhivatkozások, Linkek, Web címek - URL

Az URL (Uniform Resource Locator) - más néven hiperhivatkozás, web vagy Internet cím - egy dokumentumra (vagy más adatra) hivatkozik a World Wide Web -en, illetve az Interneten. Például egy HTML oldalra, egy képre, egy hangfájlra, egy filmre, stb.

Egy teljes URL így néz ki:

http://www.domain.hu:8080/html/index.htm

Szerkezete:szolgáltatás típusa://aldomain.domain:port/útvonal/fájlnév

szolgáltatás típusa: Meghatározza az Internet szolgáltatás típusát. A leggyakoribb a http a és a https a HTML-el kapcsolatban.

domain: A domaint meghatározó internetes domain név.

aldomain: Egy domainnak több aldomainja lehet. Általában a www aldomainal szokás a domainhoz tartozó web szolgáltatást megadni, de ez nem kötelező. A www aldomain is csak egy DNS rekord, ami akár máshová is mutathat mint a gyökér (root) domain. Mindez csak a domain tulajdonosának szándékán múlik.

port: Meghatározza, hogy mely porton szolgáltatja a kiszolgáló a szolgáltatást. A port megértése TCP/IP ismereteket igényel, ezért itt nincs részletezve. Minden Internet szolgáltatás típusnak van egy alap portja (pl: a HTTP alapértelmezett port a 80). A szolgáltatás típusa ezt meghatározza. Akkor kell megadni, ha ettől eltér a szolgáltatás portja. Egyébként elhagyható.

útvonal: Útvonal meghatározása általános könyvtár (illetve mappa) szerkezetnek megfelelően, mint a fáljrendszereknél. Akkor kell megadni, ha a dokumentum nem a szolgáltatás gyökerében van.

fájlnév: A dokumentum fájlneve. Ha elhagyjuk a szolgáltatáshoz tartozó alapértelmezett fájlt keresi a kiszolgáló, mint például a HTML-nél az index.html.

Az index.html

Ha a hivatkozásban nem adunk meg fájlnevet, akkor a kiszolgáló a megadott domain tárhelyének gyökerében, illetve a megadott mappa gyökerében az alapértelmezett fájlt keresi. Ez HTTP esetében index.htm, illetve index.html. Szerver oldali futtatókörnyezetek esetén egyéb alapértelmezett fájlok is előfordunak, pl: index.php, default.asp.

Mappára történő hivatkozás esetén a hivatkozás végére mindig tegyünk per jelet. Ha nélküle adjuk meg a hivatkozást, Pl: href="http://domain.hu/hirek", akkor két HTTP kérés jön létre. Mert a "hirek"-et fájlként értelmezi a kiszolgáló és mivel az nem találhatő hibát fog visszaadni. A hiba után a böngészők automatikusan újrakérik a hivatkozást a végére hozzá illesztve a per jelet. Helyesen: href="http://domain.hu/hirek/"

HTML Link

A hiperhivatkozások és a címkék (lsd: lent) a HTML-ben az <a> tagel definiálhatók.

Szintaktika:

<a href="url">Link tartalma</a>

A link tartalma nem csak szöveg lehet, hanem kép vagy bármely HTML elem.

A href attribútum

Az <a> tag rámutat arra a helyre (egy címe, URL-re) a Weben, amit a href attribútum tartalmaz. Amikor rákattintunk egy linkre erre az URL-re ugrik a böngésző.

Link definiálása az index.hu -ra:

<a href="http://index.hu">Ugrás az Index.hu-ra!</a>

Megjelenés a böngészőben:

Ugrás az Index.hu-ra!

A target attribútum

A target attribútum meghatározza, hogy hol nyíljon meg a linkelt dokumentum.

Dokumentum megnyitása új ablakban:

<a href="http://index.hu" target="_blank">Ugrás az Index.hu-ra!</a>

Az attribútum összes lehetséges funkciójának megértéséhez szükség van a HTML keretek ismeretére is.

A target attribútumnak a következő értékei lehetnek:

_blank: A linkelt dokumentum egy új ablakban vagy fülön nyílik meg.

_self: A linkelt dokumentum ugyanabban a keretben nyílik meg. Ez az alapértelmezett.

_parent: A linkelt dokumentum a linkelési hely szülő keretében, azaz "felette" nyílik meg.

_top: A linkelt dokumentum teljes ablakban nyílik meg a keretbeállításoktól függetlenül.

keretnév: A linkelt dokumentum a megadott keretben nyílik meg

A rel attribútum

A linkeléssel kapcsolatos tageknek lehet rel attribútumuk. A rel attribútum a forrás és a linkelt dokumentum közti kapcsolatot határozza meg. Részletesebben: HTML rel attribútum.

Abszolút és relatív linkek

Abszolút link:

<a href="http://domain.hu/hirek/news.htm">Abszolút link</a>

Relatív link:

<a href="hirek/news.htm">Relatív link</a>

A példákban látható, hogy az abszolút link teljesen egyértelműen meghatározza a fájl helyét a Weben, míg a relatív link mindig csak az éppen aktuális oldaloz képest adja meg a hivatkozott fájlt. Egyéb link változatok:

<a href="domain.hu">Link típus nélkül</a>

<a href="/hirek/news.htm">Abszolút link domain név nélkül</a>

Az első példában a szolgáltatás típusa nem lett megadva. Ilyenkor a böngésző az adott témában alapértelmezett típust választja. HTTP kérelmeknél, azaz web linkeknél a http:// -t. A másodikban a domain név is hiányzik. Ez esetben az aktuális oldal domanijára lesz hivatkozva. A link a kezdő / -től lesz abszolút, jeleve ezzel, hogy nem az aktuális oldaltól, hanem az aktuális domain tárhely gyökerétől értendő a hivatkozás. Természetesen a felsorolt lehetőségek értelmes variáció is megengedettek.

Címkék (horgony), a name attribútum

A címke egy hiperhivatkozás célpontját határozza meg a dokumentumban. Az <a> tag name attribútumával definiálható egy címke a HTML dokumentumban. A címke nem lesz látható a böngészőben.

Szintaktika:

<a name="#cimke">Bármilyen tartalom</a>

Link a címkére:

<a href="#cimke">Bármilyen tartalom</a>

A href attribútumban a # meghatároz egy címkét. Link a címkére egy másik dokumentumban:

<a href="http://domain.hu/index.htm#cimke">Bármilyen tartalom</a>

A címkék tipikusan tartalomjegyzék készítésére használatosak nagyméretű dokumentumoknál. Ha a böngésző nem találja a címkét a dokumentum kezdetére ugrik hibajelzés nélkül.

Linkeléssel kapcsolatos tagek

Tag	Leírás
<a>	Link és címke definiálása
<area />	Klikkelhető terület definiálása a kép térképben
<link />	Hivatkozás definiálása egy külső forrásra
<base />	Alap URL definiálása a href és scr attribútumok számára