Fondamenti HTML - Collegamenti e ancore

• Aprile 26, 2024

Puoi utilizzare i collegamenti per collegare la tua pagina ad altre pagine o anche per saltare a diverse parti della stessa pagina. I collegamenti danno al tuo sito web una qualità dinamica che lo differenzia, per esempio, da un libro o una rivista.

Al livello più elementare un tag di collegamento è simile al seguente:



Qualsiasi tag che inizia con 'a' indica un collegamento, ma esistono due tipi di collegamenti di base: collegamenti ipertestuali e ancoraggi con nome. Un collegamento ipertestuale è un collegamento che collega una pagina Web a un'altra pagina Web e avrà un aspetto simile al seguente:

Link del testo qui

Le informazioni all'interno del tag indicano al browser che si tratta di un collegamento ipertestuale (href) che si collega alla pagina Web "page.html". Il testo all'interno dei tag (testo del link qui) è la parte del link che un visitatore vede effettivamente e può fare clic su per passare a page.html. Se stai collegando a una pagina del tuo sito da una pagina situata nello stesso sito, puoi tralasciare le informazioni sul dominio. Ad esempio, se si stava creando un collegamento sulla propria pagina all'indirizzo www.domain.com/home.html e il collegamento collegato alla pagina di destinazione www.domain.com/page.html, è possibile scrivere il collegamento come e saltare il informazioni sul nome di dominio. Se si lascia fuori il nome di dominio, il browser supporrà che la pagina di destinazione si trova sullo stesso sito Web della pagina di collegamento.

L'ancora denominata (spesso chiamata semplicemente "ancora") ha uno scopo diverso. Come avrai intuito dal nome, un'ancora crea una bandiera invisibile sulla pagina che dice al tuo browser dove atterrare quando si imposta un collegamento che trascina i visitatori in un punto specifico di una pagina. Un'ancora si presenta così:



In genere un'ancora non contiene alcun testo tra i tag di apertura e chiusura, perché è lì semplicemente per contrassegnare un punto nella pagina. Per creare un collegamento che consenta ai visitatori di saltare a questo punto della pagina da una pagina diversa, è possibile creare un collegamento ipertestuale come questo:

Visita la sezione Posta

Il '#' all'interno del collegamento indica al browser che si sta collegando a un ancoraggio con nome. Se si desidera creare un collegamento ipertestuale che salti un visitatore in una sezione diversa della stessa pagina, sarebbe simile a questo:

Visita la sezione Posta

Un'altra parte importante dei collegamenti ipertestuali è l'attributo "target". Questo dice al browser come visualizzare la pagina di destinazione. Sono disponibili tre opzioni principali: 'target = "_ blank",' 'target = "_ self",' e 'target = "_ top".'

L'argomento '_blank' aprirà la pagina collegata in una nuova finestra. Ciò è particolarmente utile quando si effettua il collegamento a un sito esterno, poiché il visitatore può navigare attraverso il nuovo sito fino al contenuto del proprio cuore senza perdere la propria posizione sul sito. È anche meglio aprire documenti come PDF in una nuova finestra, poiché i visitatori spesso chiudono automaticamente il documento al termine.

L'argomento '_self' fa sì che la pagina collegata sostituisca la pagina corrente nella finestra del browser esistente. Questo è il migliore per i collegamenti all'interno del tuo sito; altrimenti i visitatori che navigano molto nel tuo sito finiranno con molte finestre aperte, il che può essere estremamente fastidioso! Questo è l'argomento predefinito per l'attributo 'target', quindi se non specifichi un target i tuoi collegamenti useranno sempre la finestra del browser esistente.

L'argomento '_top' viene generalmente utilizzato nei siti Web dei set di frame e indica al browser di sovrascrivere l'intero set di frame, invece di caricare semplicemente la nuova pagina in qualunque parte del set di frame contiene il collegamento originale.

Istruzioni Video: Concetti base HTML ~ Lezione 1 HTML (Aprile 2024).