A link (a) tag és a href tulajdonság

Egy link hivatkozni tud egy tetszőleges webes erőforrásra, pl. egy HTML oldalra, egy képre, zenére stb.

A link szintaxisa a következő:

<a href="url">Megjelenő szöveg</a>

A href tulajdonsághoz rendelt érték határozza meg, hogy a böngésző hogyan reagáljon a link kiválasztására. (Itt nem csak kattintás jöhet szóba, hiszen billentyűzetről is lehet linket kiválasztani a TAB segítségével, és akár gyorsbillentyű (accesskey) is rendelhető egy linkhez.) A kezdő és a záró tag közötti szöveg (vagy akár bonyolultabb tartalom) lesz kattintható, és (alapértelmezetten) kék színnel aláhúzott link.

A következő példa egy linket definiál a Weblabor honlapjára:

<p>A <a href="http://weblabor.hu/">Weblabor</a> honlapja.</p>

A target tulajdonság

Alapértelmezetten egy link kiválasztása esetén az új oldal az aktuális helyett jelenik meg. Ez azonban módosítható.

A következő link egy új ablakban nyitja meg a Weblabor honlapját:

<a href="http://weblabor.hu/" target="_blank">Weblabor</a>

A name tulajdonság

Egy hivatkozás alapértelmezetten a HTML oldal tetejét jelenti. Néha azonban praktikus, ha egy oldalon belül is pontosítani tudjuk a link célját. Erre szolgál ez a tulajdonság.

A következő módon tudunk létrehozni egy ugrási célpontot:

<a name="term107">PHP</a>

Ez az elem vizuálisan nem fog megjelenni (pl. aláhúzással), hiszen ez a kapcsolat végpontja lehet, és nem a kezdőpontja.

Ha erre a pontra akarunk hivatkozni egy linkkel, akkor a következő módon kell alkalmaznunk:

<a href="http://weblabor.hu/szojegyzek#term107">[/codefilter_code]

Természetesen akár az oldalon belül is lehet ilyen linkeket alkalmazni:

<a href="#tipp">Ugrás</a>

Hasznos tippek

Ha egy alkönyvtárra akarunk hivatkozni, az URL végére tegyük ki a / karaktert. Így a webkiszolgáló egy felesleges próbálkozást megspórolva gyorsabban fogja megtalálni a keresett könyvtár tartalmát. (Először a könyvtárnevet állománynévként próbálja értelmezni, ha nincs mögötte / karakter.)

Hosszú oldal esetén tegyünk az elejére egy tartalomjegyzéket a fontosabb fejezetekre mutató belső linkekkel. Ezen kívül szokás az oldal végén (vagy akár több helyen is) az oldal tetejére (elejére) mutató linket alkalmazni (erre a href="#" használható). Ennek a megoldásnak az a hátránya, hogy a vissza gomb hatására is az oldalon belül fog a felhasználó ugrálni.