Mi az a horgony?

A horgony (Anchor) a webfejlesztésben egy HTML elem, amely két erőforrás között hiperhivatkozást (kapcsolatot) hoz létre. Leggyakrabban más weboldalakra vagy az aktuális oldal bizonyos részeire való hivatkozás létrehozására használják.

A fő címke az anchor létrehozásához a <a href="...">.

Használati példák:

• Külső erőforrásra mutató hivatkozás:

  <a href="https://www.google.com">Google hivatkozás</a>
  

• Belső erőforrásra mutató hivatkozás (más oldal a webhelyen):

  <a href="/about-us">Rólunk</a>
  

• Egy adott szakaszra mutató hivatkozás ugyanazon az oldalon:

  1. Hozzon létre egy azonosítót (id) a cél elemhez.

     <h2 id="section2">2. szakasz</h2>
     

  2. Hozzon létre egy hivatkozást a # és az azonosító használatával.

     <a href="#section2">Ugrás a 2. szakaszra</a>
     

Tesztkörnyezetben:

• Ellenőrizze az URL helyességét az href attribútumban.
• Ellenőrizze a célforrás elérhetőségét (oldal, szakasz).
• Ellenőrizze a helyes navigációt a kívánt szakaszhoz a #-al ellátott horgonyok használatával.
• Ellenőrizze a target attribútumot, hogy jelezze, hol nyíljon meg a hivatkozás (pl. _blank az új ablak vagy lap számára).
• Ellenőrizze a rel attribútumot, hogy jelezze a kapcsolatokat az aktuális oldal és a célforrás között.

A horgonyok alapvető elemei a webes navigációnak.