Come per il collegamento a un tag di ancoraggio in un'altra pagina web

February 21

Coding un'ancora HTML denominato o ID in una pagina Web crea un tipo di segnalibro a un punto definito in quella pagina. È quindi possibile aggiungere questo ID di un collegamento ipertestuale standard per indirizzare automaticamente gli utenti a quel punto specifico. Ciò è particolarmente utile per le pagine lunghe che altrimenti richiederebbero scorrimento per individuare le sezioni importanti.

istruzione

1 Aggiungere il seguente codice nel punto esatto della pagina in cui gli utenti devono essere indirizzate quando fanno clic sul collegamento:

<P id = "nome"> </ p>

Modificare "nome" ad un nome univoco e descrittivo e mantenere le virgolette. È possibile aggiungere l'attributo ID di qualsiasi altra etichetta, come ad esempio l'intestazione della sezione:

<H2 id = "section1"> Sezione Uno </ h2>

2 Aggiungere il seguente codice dove vuoi inserire il collegamento:

<a href="URL#name"> Linking Text </a>

È possibile utilizzare questo formato sia sulla stessa pagina del ID stabilita o su una pagina completamente diversa. L'unica differenza è che la porzione URL deve essere incluso quando il collegamento a una pagina differente rispetto a quello attuale.

3 Change "nome URL #" per l'URL completo, seguito dal cancelletto, seguito dal nome ID. Change "Linking Text" per qualsiasi testo si richiede per il collegamento. A titolo di esempio, è possibile modificare il codice per:

<a href="Go" rel="nofollow"> http://www.somedomain.com/index.html#section1&quot;>Go alla Sezione Prima </a>

Se la pagina si trova sullo stesso sito, è possibile escludere la parte del dominio del collegamento e aggiungere solo il nome del file della pagina o la pagina relativa. Per quanto a titolo di esempio, se si fosse link alla pagina index.html nella stessa cartella, è possibile utilizzare il seguente codice:

<a href="index.html#section1"> Vai alla Sezione Prima </a>

Consigli e avvertenze

  • In HTML 5, l'attributo ID sostituito l'attributo nome più vecchio utilizzato con tag di ancoraggio, ad esempio:
  • <a name="NAME"> Anchor Tag </a>
  • Questo metodo funziona ancora, ma HTML 5 preferisce l'attributo ID, che non dovrebbe essere codificato per un tag <a>.
  • Se è necessario fare riferimento a un ID sulla stessa pagina, omettere l'URL per evitare di ricaricare l'intera pagina. A titolo di esempio, è possibile utilizzare il seguente codice per linkare a Sezione Prima sulla stessa pagina:
  • <a href="#section1"> Vai alla Sezione Prima </a>

Articoli Correlati