Sobes.tech
Junior

Ce este o 'ancoră' în contextul dezvoltării web?

sobes.tech AI

Răspuns de la AI

Ancora este un mijloc de navigare în interiorul unei pagini web. Permite crearea unui link care nu duce către o altă pagină, ci către o secțiune specifică a paginii curente.

Se implementează folosind:

  1. Atributul id: Atribuit elementului care va fi destinația — locul către care va duce ancora. id trebuie să fie unic în pagină.

    <h2 id="section-title">Titlul secțiunii</h2>
    
  2. Linkuri cu simbolul # și valoarea id: În atributul href, se indică # urmat de valoarea id a elementului țintă.

    <a href="#section-title">Mergi la secțiune</a>
    

Când se face clic pe acest link, browserul derulează pagina până la elementul cu id corespunzător.

Ancora sunt folosite pentru:

  • Crearea unui cuprins pe pagini lungi.
  • Navigarea rapidă către secțiuni specifice (de exemplu, formulare, contacte, note).
  • Menținerea poziției utilizatorului la actualizare sau revenire pe pagină.

În URL, ancora se adaugă după simbolul #: https://example.com/page#section-title.