L'argomento di discussione di oggi sarà l'ancora HTML. Questo elemento consente transizioni rapide sia all'interno della pagina che nei documenti esterni. Le ancore sono spesso utilizzate dagli sviluppatori web. Dal momento che aiutano a organizzare un sito web che è conveniente per i lettori. L'articolo fornirà una descrizione dettagliata di questo elemento ed esempi di utilizzo effettivo.
descrizione
Un ancoraggio HTML è una sorta di segnalibro unicopagina web. Ha sempre il suo nome individuale, che non dovrebbe essere ripetuto su una pagina. Lo scopo principale dell'ancora è saltare rapidamente da una parte del documento a un'altra, in una posizione specifica. Particolarmente efficace questo elemento porta, quando la pagina web è grande. Per questo motivo, gli utenti sono a disagio nel leggere i contenuti del sito. E l'ancoraggio nella pagina HTML consente una transizione rapida.
assegnazione
Per creare un tale segnalibro sulla pagina, è possibileutilizzare due metodi diversi. Il primo è utilizzare l'attributo Name e, nel secondo caso, è necessario utilizzare l'attributo ID. Successivamente, esamineremo ciascun metodo separatamente. La transizione in entrambi i casi avviene usando il tag "a", il cui attributo contiene un nome o un identificatore. Ad esempio: "a href =" # footer "". Il simbolo # indica al browser che il collegamento si ancorerà.
nome
L'attributo Nome è stato creato appositamente per creare un'ancora sulla pagina. Il suo valore può essere qualsiasi testo. Questo ancoraggio HTML può essere utilizzato solo in combinazione con il tag "a".
Ad esempio, vuoi creare un segnalibro alla finela tua pagina Devi inserire il tag "a name =" footer "" / a "nella parte desiderata del documento web. In un'altra area della pagina, devi creare un collegamento all'ancora, per questo aggiungi la voce "a href =" # footer "" link "/ a". Quando fai clic su questo elemento, il browser ti porta automaticamente alla parte del documento in cui si trova la scheda Piè di pagina.
ID
Prima di tutto, vale la pena ricordare che l'ID èUn identificatore che non ha uno scopo diretto per creare ancore. Ma ti permette di creare segnalibri sull'intera area del documento senza creare collegamenti aggiuntivi. Cioè, puoi applicare l'attributo ID a qualsiasi elemento HTML. E poi, usando il tag "a", fare riferimento ad esso. Ecco un esempio: l'elemento "p" si trova nel mezzo del documento. Per accedervi dall'inizio della pagina senza utilizzare le barre di scorrimento, aggiungere l'attributo ID: "p id =" centr "" "/ p". Quindi, crea un collegamento: "a href =" # centr "" Il testo è "/ a". Quindi, otteniamo un rapido accesso a qualsiasi parte del documento. Il valore dell'attributo ID può essere qualsiasi testo.
Uso efficace
In HTML, il link di ancoraggio è molto spesso usato percostruzione della navigazione dei documenti. Ad esempio, una pagina ha un'enorme quantità di informazioni testuali, che a loro volta sono suddivise in paragrafi o capitoli separati. Per rendere conveniente per i visitatori utilizzare il sito, è necessario assegnare segnalibri per passare rapidamente a una parte separata del documento. Per fare ciò, in ogni capitolo creiamo un collegamento di ancoraggio o utilizziamo identificatori di ID. E dall'alto costruiremo una barra di navigazione con i contenuti di tutti i link. Un fatto interessante è che puoi fare riferimento ad ancore da altre pagine web. È sufficiente aggiungere il valore degli attributi Nome o ID alla fine del collegamento. Non dimenticare di aggiungere il simbolo #. Lo schema in questo caso dovrebbe apparire così: main link # name (id).
conclusione
Un ancoraggio HTML è molto utile e in alcunicasi, anche l'elemento necessario. Nell'articolo ho presentato solo un esempio del suo uso effettivo. Ma in realtà, questo tipo di segnalibri può essere utilizzato in molte situazioni. La cosa principale è capire la loro idea principale.
