Navigazione con collegamenti href

L'HTML, come si suppone al linguaggio ipertestuale, consente non solo di formare il contenuto di una pagina, ma anche di creare collegamenti esterni e interni ad altri, caricare documenti e inviare lettere.

Il tag "a href" è una delle buone vecchie tradizioni. Le sue funzioni sono sempre più eseguite con metodi più moderni. Tuttavia, l'ancora (ancora) è ancora facile da usare e il suo uso è giustificato in molti casi.

opportunità

Il tag "a href = 'URL'" ti consente di reindirizzare un visitatore a un URL specifico su Internet. È possibile specificare l'attributo "title =" #### 0 "" e quindi, quando si passa il mouse sopra il tag, verrà visualizzata la descrizione del collegamento impostato dallo sviluppatore.

È possibile determinare dove verrà aperto il collegamento: nella finestra corrente o in una nuova. L'attributo "target" può avere i seguenti valori:

• _blank (apre l'URL in una nuova finestra);
• _self - (carica l'URL nella finestra corrente);
• _parent: (carica l'URL in frame-parent);
• _top - (scarica l'URL nella finestra del browser completa).

Tag il contenuto può essere quasi tutto. Di solito qui viene usata un'immagine o un testo, sebbene possano essere utilizzate altre costruzioni HTML più complesse.

Questo esempio mostra quattro diversi collegamenti. Il primo punta a un URL specifico sulla rete, il secondo a una posizione all'interno della pagina corrente. Il terzo lancio programma di posta per inviare una lettera a un dato indirizzo, e l'ultimo dà al visitatore l'opportunità di scaricare un file * .pdf sul suo computer.

Gli ultimi due collegamenti hanno immagini. In tutti i casi, facciamo clic su qualsiasi punto del contenuto del tag. La frase alt = "carica un documento" ha un significato diverso ed è irrilevante per il suggerimento. Affinché il visitatore possa vedere la firma dell'elemento, deve essere specificato direttamente in "a href", nel suo attributo "titolo".

Sposta nella posizione della pagina

Puoi usare un'ancora con il nome attributo = 'posName' e specificare i luoghi della pagina a cui il visitatore può andare. Ciò consentirà sia di fare riferimento a una specifica sezione di codice, sia di contrassegnare la sua specifica funzionalità.

Ad esempio, nella pagina del manuale del sistema operativo FreeBSD è possibile trovare il sommario per la procedura di installazione e la configurazione di questo sistema.

Lo sviluppatore ha elencato tutti i passaggi della procedura e ogni taggato: "a name = 'stepNo1'", "a name = 'stepNo2'", ..., "a name = 'stepNo9'". Ciò gli ha permesso di contrassegnare ogni elemento del sommario con le transizioni necessarie: "a href = '# stepNo1'" ('# stepNo2', ..., '# stepNo9').

Con l'aiuto di collegamenti, è possibile eseguire non solo il contenuto della pagina di informazioni, ma anche creare un menu, sviluppare la navigazione all'interno della pagina o sul sito nel suo insieme.

Caratteristiche dell'applicazione

Il link non può essere annidato. In realtà, è chiaro che il link nel link non ha senso. Il tag HTML "a href" non consente l'utilizzo di altri contenuti come contenuti.

Un link può essere in stile. Puoi applicare un identificatore di classe o CSS. All'interno del tag è possibile utilizzare direttamente l'attributo style "style" - questo è stato mostrato nell'esempio.

Il link ha caratteristiche più importanti che lo distinguono dagli altri tag. Può essere visualizzato o fatto clic e può essere attivo.

Per questo, il CSS fornisce l'uso di descrizioni per "a href" e pseudo-classi :: link ,: visited ,: attivo.

L'uso di pseudo-classi ti consente di cambiare il design del link in diverse situazioni (clic, movimento del mouse, altri eventi). È possibile assegnare un gestore JavaScript ad esso. Ad esempio, è necessario contare il numero di clic su un collegamento, il numero di file scaricati, ecc.

Riferimenti relativi e assoluti

Il tag HTML "a href" consente l'utilizzo di una variante relativa per navigare tra le pagine del sito. In questo caso, lo sviluppatore specifica la pagina senza specificare 'http://' e manipola le barre per navigare tra le cartelle del sito che contengono le pagine desiderate.

Ad esempio, "../pagina" indica il passaggio a una pagina esterna alla cartella corrente, ma "nome cartella / nome pagina" si riferisce a una pagina in una cartella all'interno di quella corrente.

Naturalmente, i nomi di questo e quello dovrebbero essere indicati in lettere latine. Sfortunatamente, l'uso del cirillico non è sempre giustificato e sicuro per i nomi esterni.

In questo esempio, il collegamento "1)" mostra come è possibile eseguire il movimento attraverso gli elementi all'interno del sito. In questo caso, questo è un negozio e vengono utilizzati collegamenti per spostarsi tra i prodotti. La pagina è formata sul server, il browser la riceve con le merci che sono attualmente nel negozio.

Il visitatore seleziona il prodotto e il link lo indirizza ai dati relativi a un prodotto specifico, consente di organizzare l'acquisto e la consegna.

Nel secondo esempio, "2)", l'attributo href viene utilizzato per spostarsi dalla pagina ad altri siti. Il secondo link indica che il gestore "scfToSite ('scCall');" verrà chiamato per ogni clic del mouse.

Riferimento al protocollo

Puoi usare non solo "un href http o mailto:", puoi anche specificare "file: //, ftp: //, news:, telnet: //, ...". Queste opzioni sono meno comuni.

Di solito i collegamenti sono necessari per la navigazione, per scaricare file e inviare una lettera da un visitatore del sito a un indirizzo specifico. Anche se quest'ultimo aspetto non è la soluzione migliore.

Gli appassionati di spamming eseguono spesso la scansione dei contenuti delle pagine dei siti alla ricerca di indirizzi e-mail. Su questa base semplice, un'indicazione esplicita dell'indirizzo è altamente indesiderabile. Un'opzione più moderna è il modulo per inviare un messaggio che il visitatore riempie.

Menu attraverso i collegamenti

Come fare una voce del menu di collegamento determina lo sviluppatore. Recentemente, per l'organizzazione del menu utilizzando le liste "li". Questo è considerato una buona forma per ragioni SEO. All'interno di questo tag, puoi utilizzare non solo una "div" o "span" per progettare una voce di menu, ma anche qualsiasi altra progettazione di tag HTML.

Usare il tag "a" come voce di menu è a volte molto più semplice. Non è necessario scrivere codice JavaScript aggiuntivo per navigare. Il browser reindirizza automaticamente all'indirizzo corretto.

Anche se in ultima analisi il menu del sito è formato da una specifica struttura di tag di blocco o elenco, nulla impedisce allo sviluppatore di avviarsi o di testare rapidamente le pagine in fase di sviluppo.

Uno degli indicatori del sito è ancora il rapporto tra i link che lo portano e i collegamenti che lo portano. Usarli per collegare le pagine del sito con i social network è considerata una buona pratica.

Creare social network sotto forma di menu è un uso familiare ed efficace del tag "a href".