Cos'è un'ancora?

L'ancora (Anchor) nello sviluppo web è un elemento HTML che crea un collegamento ipertestuale (link) tra due risorse. Viene principalmente utilizzata per creare link ad altre pagine web o a sezioni specifiche della pagina corrente.

Il tag principale per creare un'ancora è <a href="...">.

Esempi di utilizzo:

• Link a una risorsa esterna:

  <a href="https://www.google.com">Link a Google</a>
  

• Link a una risorsa interna (altra pagina del sito):

  <a href="/about-us">Chi siamo</a>
  

• Link a una sezione specifica sulla stessa pagina:

  1. Creare un identificatore (id) per l'elemento target.

     <h2 id="section2">Sezione 2</h2>
     

  2. Creare un link usando # e l'identificatore.

     <a href="#section2">Vai alla Sezione 2</a>
     

Nel contesto dei test:

• Verificare la correttezza dell'URL nell'attributo href.
• Verificare la disponibilità della risorsa target (pagina, sezione).
• Verificare la navigazione corretta alla sezione desiderata usando gli ancoraggi con #.
• Verificare l'attributo target per indicare dove aprire il link (ad esempio, _blank per una nuova finestra/scheda).
• Verificare l'attributo rel per indicare le relazioni tra la pagina corrente e la risorsa target.

Gli ancoraggi sono un elemento fondamentale della navigazione sul web.