In questo articolo, ti mostrerò come utilizzare il tag a in HTML per creare un link ( link ) in una pagina web.

Il tag a svolge un ruolo molto importante in un sito Web, viene utilizzato per creare collegamenti per collegare il sito Web insieme. Dai un'occhiata alla struttura di questo sito, ho creato molti collegamenti, ognuno dei quali punterà a lezioni sul sito freetuts.net stesso.

Inoltre, puoi anche creare collegamenti a qualsiasi altro sito Web, che sono collegamenti che ritieni utili per i lettori.

Che cos'è un tag in HTML?

Il tag a in html viene utilizzato per creare collegamenti, ovvero i collegamenti di un determinato sito Web su Internet.

Se impari a conoscere la SEO, vedrai che il tag a gioca un ruolo importante quando vai a ritroso. Abbiamo due tipi di link, che sono link interni ( link interni ) e link in uscita ad altri siti web ( link esterni ). I collegamenti interni sono collegamenti che rimandano solo a pagine all'interno del dominio, mentre i collegamenti in uscita sono collegamenti che puntano a siti Web che non sono il dominio corrente.

La sintassi per creare un collegamento con il tag a è la seguente :

 <a href="https://hocvietcode.com">web888.vn</a>

Dove href è il percorso del sito Web a cui vuoi puntare.

Esempio : creare un collegamento con il contenuto dell'apprendimento di javascript , puntando al collegamento https://hocvietcode.com/hoc-javascript .

 <a href="https://hocvietcode.com/hoc-javascript">học javascript</a>

Attributi del tag a in HTML

Successivamente introdurrò alcuni degli attributi più comunemente usati in un tag.

L'attributo title del tag a

L'attributo title viene utilizzato per descrivere il significato del collegamento. Quando passi il mouse sopra il link, apparirà un testo, che è il contenuto che abbiamo inserito nell'attributo title.

 <a href="https://hocvietcode.com/hoc-javascript" title="học javascript tại đây">học javascript</a>

L'attributo rel del tag a

La persona media sarebbe meno interessata a questo attributo. Ma se sei una persona SEO, dovrai prestare attenzione.

L'attributo rel viene utilizzato per dire ai motori di ricerca se rilevare o meno questo collegamento. Ha due valori come segue:

• segui è lì
• nofollow significa non rilevato

Esempio : dichiarare ai robot di ricerca di non accedere al collegamento nell'esempio sopra.

 <a href="https://hocvietcode.com/hoc-javascript" rel="nofollow">học javascript</a>

L'attributo target del tag a

Quando si fa clic sul collegamento, il browser reindirizzerà immediatamente alla pagina di destinazione e direttamente sulla scheda corrente. Se vuoi passare a un'altra scheda, puoi utilizzare l'attributo target .

• _blank quindi specializzerà il collegamento in una nuova scheda
• _self quindi cambierà il collegamento nella scheda corrente ( valore predefinito )
• _parent quindi reindirizzerà il collegamento alla scheda che apre la scheda corrente. Chiamiamo anche la scheda padre della scheda corrente
• _top quindi salterà alla scheda corrente e viene spesso utilizzato negli iframe quando si desidera uscire dall'iframe e tornare alla pagina originale.

L'attributo di download del tag a

Se si desidera quando si fa clic su un collegamento, invece di accedere a quel collegamento, il browser scaricherà il contenuto di quel collegamento, dichiarare l'attributo di download.

 <a href="https://hocvietcode.com/hoc-javascript" download>học javascript</a>

Il valore href # del tag a in HTML

Quando dichiari un tag a ma non vuoi puntare a un link, imposta il valore href="#" .

 <a href="#">học javascript</a>

Inoltre, se si desidera quando si fa clic sul tag a, il browser si sposterà in una determinata posizione nella pagina Web, procedere come segue.

Passaggio 1 : imposta l'ID per la posizione in cui devi trasferirti. Diciamo che è un tag div e imposterò l'ID in questo modo:

 <div id="moveto"></div>

Passaggio 2 : quando si fa clic sul tag a, si passerà al tag div#moveto , imposteremo quanto segue:

 <a href="#moveto" >Đi tới div#moveto</a>

Gli stati del tag a in HTML

Il tag a ha quattro stati principali:

• link : Nessuna azione ancora sul link
• visitato : cliccato sul link e vai alla pagina di destinazione
• passaggio del mouse : sposta sopra il collegamento
• attivo : il collegamento è stato attivato

Di solito ci combineremo con CSS per animare questi 4 stati. Questo problema presenterò nell'articolo CSS formattare un tag.

Quindi, ho finito di istruire su come usare il tag a, questo è un tag molto importante quando si costruisce la struttura per le pagine web. Fermerò questo articolo qui, ci vediamo al prossimo post.