L'ancora sul sito è molto utile se vuoi che gli articoli sul tuo sito abbiano una comoda transizione tra gli elementi dell'elenco. Girano la pagina nel punto desiderato o aprono la pagina desiderata, aiutando l'utente a trovare rapidamente le informazioni di cui ha bisogno.
Se stai scrivendo il tuo sito, dovresti aver pensato a come rendere più comoda la navigazione del tuo sito. Affinché l'utente non debba cercare le informazioni di cui ha bisogno tra tutte le pagine del tuo sito, è meglio utilizzare la tecnica dell'"ancora". Creerà un collegamento a qualsiasi informazione o documento in qualsiasi punto del tuo sito.
Teoria
Per creare un'ancora, hai bisogno di due elementi:
- La parte del codice, che indica il link al nostro anchor, è rimasta in un'altra parte del sito.
- Qualsiasi parte del codice in cui è possibile specificare un identificatore è la nostra ancora.
Per prima cosa devi creare la prima parte dell'ancora: un collegamento ad essa. Un collegamento di ancoraggio ha due parti: un collegamento di pagina e un collegamento di ancoraggio.
- Crea un tag "a" o qualsiasi altro tag che supporti l'attributo "href"
- In questo tag crea l'attributo "href"
- Specificare un collegamento alla pagina del sito nel valore dell'attributo.
- Dopo il collegamento, indicare il collegamento all'ancora utilizzando il simbolo "#" e qualsiasi nome per l'ancora (scritto insieme, ad esempio: "#ancora")
Se salti il punto 3 e non specifichi un collegamento alla pagina del sito, l'ancora verrà cercata nella pagina corrente. Cioè, se vuoi creare un collegamento a un'ancora situata nella stessa pagina, puoi omettere il collegamento alla pagina stessa.
Resta da creare la seconda parte dell'ancora: l'identificatore. Si riferisce a qualsiasi tag nel codice del sito che supporta l'attributo id. Per creare un'ancora, è necessario:
- Crea un attributo "id" nel tag richiesto.
- Nell'attributo "id", specifica il valore del nome dell'ancora che è stato specificato nel passaggio precedente. (esempio:)
Dopo questi due passaggi, sul sito viene visualizzato un collegamento che ti porterà all'ancora specificata.
Pratica
Consideriamo come creare un'ancora utilizzando un esempio specifico.
Abbiamo una semplice pagina come questa:
Abbiamo testo nella parte superiore e inferiore della pagina, molti tag "br" che creano spazio tra i testi. Dobbiamo creare un'ancora in modo da poter guardare rapidamente il testo in basso.
Per fare ciò, crea un nuovo tag - "a" dopo la scritta "testo in alto". In esso creiamo l'attributo "href". Per rendere l'ancora più comoda, scriveremo "giù" nel collegamento.
Ora specifichiamo il valore "#yakor" nell'attributo: questo sarà un collegamento al nome dell'ancora.
La prima parte dell'ancora - il collegamento ad essa - è pronta. Ora non resta che creare l'ancora stessa. Passiamo alla parte desiderata della pagina. In questo caso, è "testo in fondo". Poiché questo è un testo semplice senza tag, dobbiamo crearlo. Per fare ciò, racchiudere il testo in un "paragrafo" - tag "p".
In questo tag creiamo l'attributo "id" e inseriamo il valore "yakor" al suo interno. Il valore "yakor" corrisponde al nome dell'ancora specificato nel collegamento.
Ora la nostra ancora funziona come dovrebbe.
