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:
-
Az
idattribútum: hozzárendelése annak az elemnek, amely a cél lesz — az a hely, ahová a horgony vezet. Azid-nak egyedinek kell lennie az oldalon belül.<h2 id="section-title">Szakasz címe</h2> -
Hivatkozások
#jellel és azidértékével: Ahrefattribútumban a#-t követi az cél elemid-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.