HTML Linkek és URL forrásának megtekintése

==Hiperhivatkozások, Linkek, Web címek - URL==
Az URL ('''U'''niform '''R'''esource '''L'''ocator) - 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:

<nowiki>http://www.domain.hu</nowiki><nowiki/>: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="<nowiki>http://domain.hu/hirek</nowiki>", 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="<nowiki>http://domain.hu/hirek/</nowiki>"

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

Szintaktika:<syntaxhighlight lang="html">
<a href="url">Link tartalma</a>
</syntaxhighlight>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 [[HTML href attribútum|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:<syntaxhighlight lang="html">
<a href="http://index.hu">Ugrás az Index.hu-ra!</a>
</syntaxhighlight>Megjelenés a böngészőben:

[http://index.hu Ugrás az Index.hu-ra!]

==A target attribútum==
A [[HTML target attribútum|target attribútum]] meghatározza, hogy hol nyíljon meg a linkelt dokumentum.

Dokumentum megnyitása új ablakban:<syntaxhighlight lang="html">
<a href="http://index.hu" target="_blank">Ugrás az Index.hu-ra!</a>
</syntaxhighlight>Az attribútum összes lehetséges funkciójának megértéséhez szükség van a [[HTML Keretek, Rétegek|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:<syntaxhighlight lang="html">
<a href="http://domain.hu/hirek/news.htm">Abszolút link</a>
</syntaxhighlight>Relatív link:<syntaxhighlight lang="html">
<a href="hirek/news.htm">Relatív link</a>
</syntaxhighlight>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:<syntaxhighlight lang="html">
<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>
</syntaxhighlight>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:<syntaxhighlight lang="html">
<a name="#cimke">Bármilyen tartalom</a>
</syntaxhighlight>Link a címkére:<syntaxhighlight lang="html">
<a href="#cimke">Bármilyen tartalom</a>
</syntaxhighlight>A href attribútumban a # meghatároz egy címkét.

Link a címkére egy másik dokumentumban:<syntaxhighlight lang="html">
<a href="http://domain.hu/index.htm#cimke">Bármilyen tartalom</a>
</syntaxhighlight>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==
{| class="wikitable"
!Tag
!Leírás
|-
|[[HTML a tag|<nowiki><a></nowiki>]]
|Link és címke definiálása
|-
|[[HTML area tag|<area />]]
|Klikkelhető terület definiálása a kép térképben
|-
|[[HTML link tag|<link />]]
|Hivatkozás definiálása egy külső forrásra
|-
|[[HTML base tag|<base />]]
|Alap URL definiálása a href és scr attribútumok számára
|}
[[Kategória:HTML]]