Sobes.tech
Junior

Mis on 'ankr' veebiarenduse kontekstis?

sobes.tech AI

Vastus AI-lt

Ankur on navigeerimisvahend veebilehe sees. See võimaldab luua lingi, mis ei viida teisele lehele, vaid konkreetsele jaotisele praegusel lehel.

Seda rakendatakse järgmiselt:

  1. id atribuut: Omistatakse elemendile, mis on sihtkoht — koht, kuhu ankru suunab. id peab olema lehel unikaalne.

    <h2 id="section-title">Jaotise pealkiri</h2>
    
  2. Lingid # sümboliga ja id väärtusega: href atribuudis näidatakse # ja sellele järgneb sihtelemendi id väärtus.

    <a href="#section-title">Mine jaotisse</a>
    

Sellele lingile klikkides kerib brauser lehe vastavasse id-ga elemendini.

Ankruid kasutatakse:

  • Pikkade lehtede sisukorra loomiseks.
  • Kiireks liikumiseks kindlate sektsioonide vahel (nt. vormid, kontaktid, märkused).
  • Kasutaja positsiooni säilitamiseks lehe uuendamisel või tagasi tulles.

URL-is lisatakse ankru märk # järel: https://example.com/page#section-title.