Questo articolo indica la guida sul collegamento interno:
Cos'è il collegamento interno HTML?
I collegamenti interni HTML sono collegamenti ipertestuali creati per consentire agli utenti di navigare attraverso diverse sezioni della pagina Web. L'utente quando interagisce con un collegamento interno, il browser sposta lo schermo nella sezione specificata della pagina web. Aiuta nella navigazione degli utenti soprattutto se esiste un sito Web o un blog di una singola pagina.
Passiamo attraverso un semplice esempio per la comprensione dei collegamenti interni:
Esempio: utilizzo di collegamenti interni come navigatore
Per comprendere il funzionamento dei link interni si possono utilizzare i pulsanti di navigazione. Ad esempio, in questa dimostrazione sono stati creati due pulsanti di navigazione e contenuti fittizi:
< div >
< h2 id = 'prima parte' > Prima parte < / h2 >
< P > Benvenuti nel contenuto della prima parte. < / P >
< h2 id = 'seconda parte' > Seconda parte < / h2 >
< P > Grande! Sei arrivato alla Seconda Parte del Contenuto < / P >
< / div >
Nello snippet di codice sopra:
- Primi due ' I tag ” vengono utilizzati per creare due intestazioni/sezioni della pagina web. Questi ' h2 'gli elementi hanno il valore di' prima parte ' E ' seconda parte ” che sono assegnati al “ id ' attributi, rispettivamente.
- Successivamente, il “ ' vengono utilizzati tag che contengono il contenuto per ogni ' etichetta '.
Ora, i pulsanti di navigazione vengono utilizzati rispetto ai collegamenti interni. Questi pulsanti vengono creati utilizzando la seguente riga di codice:
< Ul >< Quello > < UN href = '#prima parte' >Parte prima< / UN > < / Quello >
< Quello > < UN href = '#seconda parte' >Seconda parte< / UN > < / Quello >
< / Ul >
Nello snippet di codice sopra:
- Prima il '
” tag per l'impostazione degli elementi dell'elenco. - Successivamente, l'ancora ' ” viene utilizzato il tag e fornisce dati fittizi a ciascuno “
etichetta '. - Successivamente, imposta il valore di ' href ” attributo di entrambi “ ” tag a “ prima parte ' E ' seconda parte ” id. Questo incarico di “ id ” i valori creano un collegamento interno.
Dopo l'esecuzione sopra i blocchi di codice, la pagina web funziona così:
La gif sopra illustra il funzionamento dei collegamenti interni sulla pagina web.
Conclusione
I collegamenti interni HTML sono collegamenti ipertestuali creati per consentire agli utenti di navigare attraverso diverse sezioni della pagina Web. Per creare un collegamento interno, passa l'id dell'elemento HTML principale. E fornisci questo id come valore per ' href ” attributo fornito dall'ancora HTML “ elemento '. Questo ' L'elemento ” può essere utilizzato all'interno della barra di navigazione o in qualsiasi punto della pagina Web che funge da navigatore. Questo articolo ha dimostrato un esempio pratico del collegamento interno HTML.