356 Shares 8802 views

Come assegnare e utilizzare correttamente l'ancoraggio HTML?

L'argomento di oggi per la discussione sarà l'ancoraggio HTML. Questo elemento consente transizioni veloci sia all'interno della pagina che in documenti esterni. Gli ancoraggi vengono spesso utilizzati dagli sviluppatori web. Perché aiutano ad organizzare un sito web conveniente per i lettori. L'articolo fornirà una descrizione dettagliata di questo elemento e di esempi di utilizzo efficace.

descrizione

L'ancoraggio HTML è una sorta di segnalibro unico per una pagina web. Ha sempre il proprio nome individuale, che non deve essere ripetuto su una sola pagina. Lo scopo principale dell'ancora è quello di saltare rapidamente da una parte del documento all'altro, in una posizione specifica. Particolarmente efficace questo elemento, quando la pagina web è grande. A causa di questo, gli utenti sono a disagio per leggere il contenuto del sito. E l'ancoraggio sulla pagina HTML consente una rapida transizione.

assegnazione

Per creare un tale segnalibro in una pagina, è possibile utilizzare due metodi diversi. Il primo è utilizzare l'attributo Name e nel secondo caso è necessario utilizzare l'attributo ID. Poi, guarderemo ciascun metodo separatamente. La transizione in entrambi i casi si verifica utilizzando il tag "a", il cui attributo contiene un nome o un identificatore. Ad esempio: "a href = http: // sito / articolo / 106223 /% E2% 80% 9D # footer% E2% 80% 9D% C2% BB. Il simbolo # indica al browser che il collegamento verrà ancorato.

nome

L'attributo Name è stato creato specificamente per creare un'ancora nella pagina. Il suo valore può essere qualsiasi testo. L'ancoraggio HTML può essere utilizzato solo in combinazione con il tag "a".

Ad esempio, si desidera creare un segnalibro alla fine della pagina. Devi mettere il tag "a name =" footer "" / a "nella parte desiderata del documento web. In un'altra area della pagina, dovrai creare un collegamento all'ancora, per questo aggiungi la voce "a href = http: // sito / articolo / 106223 /% E2% 80% 9D # footer". Quando si fa clic su questo elemento, il browser avvia automaticamente la parte del documento in cui si trova la scheda Footer.

ID

Innanzitutto vale la pena ricordare che l'ID è un identificatore che non ha uno scopo diretto per creare ancoraggi. Ma ti consente di creare segnalibri in tutta l'area del documento senza creare collegamenti aggiuntivi. Vale a dire, è possibile applicare l'attributo ID a qualsiasi elemento HTML. E poi, usando il tag "a", fare riferimento a esso. Ecco un esempio: l'elemento "p" è al centro del documento. Per passare dall'inizio della pagina senza utilizzare le barre di scorrimento, aggiungere l'attributo ID: "p id =" centr "" "/ p". Quindi crea il link: "a href = http: // sito / articolo / 106223 /% E2% 80% 9D # centr% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% AB% 2Fa% C2% BB. Così, abbiamo accesso rapido a qualsiasi parte del documento. Il valore dell'attributo ID può essere qualsiasi testo.

Uso efficace

In HTML, il collegamento dell'ancora viene spesso utilizzato per creare la navigazione dei documenti. Ad esempio, una pagina ha una quantità enorme di informazioni testuali, che a sua volta sono divise in paragrafi o capitoli separati. Per rendere conveniente per i visitatori di utilizzare il sito, è necessario assegnare i segnalibri per saltare rapidamente in una parte separata del documento. Per fare questo, in ogni capitolo creiamo un collegamento di ancoraggio o utilizziamo gli ID. E dall'alto faremo una barra di navigazione con il contenuto di tutti i link. Interessante è il fatto che gli ancoraggi possono essere fatti riferimento 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 essere simile al seguente: link principale # nome (id).

conclusione

Un'ancora di HTML è molto utile e in alcuni casi anche un elemento essenziale. Nell'articolo ho presentato solo un esempio del suo uso efficace. Ma in realtà, questo tipo di segnalibri può essere utilizzato in molte situazioni. La cosa principale è capire la loro idea principale.