Mi az az 'horgony' a webfejlesztésben?

A horgony egy olyan jelölés a HTML-dokumentumon belül, amely lehetővé teszi, hogy közvetlen hivatkozást hozzunk létre egy adott helyre az oldalon. Leggyakrabban a horgonyokat a weboldalon belüli navigációhoz használják.

A horgonyt az id attribútummal valósítják meg egy HTML elemben, és egy <a> típusú hivatkozással, amelynek href attribútuma # jellel és a horgony nevével (id) kezdődik.

<a href="#section2">Ugrás a második szakaszra</a>

<section id="section1">
  <h2>Első szakasz</h2>
  <p>Az első szakasz tartalma.</p>
</section>

<section id="section2">
  <h2>Második szakasz</h2>
  <p>A második szakasz tartalma.</p>
</section>

A href="#section2" hivatkozásra kattintva a böngésző automatikusan görgeti az oldalt a id="section2"-vel rendelkező elemhez.

Az horgonyok és a normál hivatkozások használatának összehasonlító táblázata:

Jellemző	Horgony (href="#id")	Normál hivatkozás (href="/page")
Hová vezet a hivatkozás	Egy adott helyre az aktuális oldalon	Egy másik oldalra vagy erőforrásra
Szimbólum a href-ben	#-vel kezdődik	Általában /-vel vagy protokollal (http://) kezdődik
Funkció	Navigáció az oldalon belül	Navigáció oldalakról oldalra