Sobes.tech
Junior

Mi az az 'ankó' a webfejlesztés kontextusában?

sobes.tech MI

Válasz az MI-től

Horgony egy navigációs eszköz egy weboldalon belül. Lehetővé teszi, hogy olyan hivatkozást hozzunk létre, amely nem egy másik oldalra vezet, hanem a jelenlegi oldal egy adott szakaszára.

Ezt a következőképpen valósítjuk meg:

  1. Az id attribútum: hozzárendelése annak az elemnek, amely a cél lesz — az a hely, ahová a horgony vezet. Az id-nak egyedinek kell lennie az oldalon belül.

    <h2 id="section-title">Szakasz címe</h2>
    
  2. Hivatkozások # jellel és az id értékével: A href attribútumban a #-t követi az cél elem id-je.

    <a href="#section-title">Ugrás a szakaszhoz</a>
    

Klikkeléskor a böngésző az adott id-vel rendelkező elemhez görget.

A horgonyokat arra használják, hogy:

  • Tartalomjegyzék készítése hosszú oldalakon.
  • Gyors navigáció bizonyos szekciókhoz (pl. űrlapok, kapcsolatok, jegyzetek).
  • A felhasználói pozíció megőrzése oldal frissítése vagy visszatérés esetén.

Az URL-ben a horgony a # jel után kerül hozzáadásra: https://example.com/page#section-title.