Programming the World Wide Web

Fejezet

2

2.6. Hivatkozások - az a tag

Az a elem általános alakja:

<a href="url">szöveg, ami megjelenik</a>

Itt egy névvel ellátott horgony. A lap aljáról ide vissza lehet majd ugrani.
Így néz ki a kód:

<a id="horgony"> Itt... </a>

Az <a> tag segítségével egy hivatkozást hozunk létre a href attribútum által megadott helyre. A nyitó és záró tag közti rész hiperlink-ként fog megjelenni a képernyőn.

Ez egy hivatkozás a W3Schools oldalára:
Látogass a W3Schools oldalára!

Látogass a <a href="http://www.w3schools.com/">W3Schools oldalára!</a>

A target attribútum segítségével megadható, hogy a hivatkozott dokumentum hol legyen megnyitva.
Új böngészőablakban történő megnyitás (megj. a szigorú XHTML specifikáció nem támogatja ezt az attribútumot):
Látogass a W3Schools oldalára!

Látogass a <a href="http://www.w3schools.com/ target="_blank"">W3Schools oldalára!</a>

A name attribútumot használva megjelölhetünk az oldalon belül egy pozíciót, ahova ugorhatunk (anélkül, hogy odáig kelljen görgetni az oldalt). XHTML-ben azonban elavultnak van minősítve a name attribútum, ezért ehelyett az id attribútumot használata javasolt. A szintaxis a következő:
< a id="cimke">Szöveg, ami megjelenik </a>
Egy ilyenfajta (azonosítóval ellátott horgony) közönséges módon van megjelenítve (csupán egy olyan pontot ad meg, amire hivatkozhatunk).
Ha pl. a www.w3schools.com/html/html_links.asp oldalon van egy tips nevű horgony megadva, akkor egy külső dokumentunból az alábbi módon egyenesen az illető pozícióba ugorhatunk:
Ugrás a hasznos tippek (Useful Tips) részhez

<a href="http://www.w3schools.com/html/html_links.asp#tips"> Ugrás a hasznos tippek (Useful Tips) részhez</a>

Ha az oldalon belülről szeretnénk egy, az oldalon belül megadott ponthoz ugrani, ezt a következőképpen tehetjük meg:
Ugrás a lap tetejére.

<a href="#horgony">Ugrás a lap tetejére.</a>