Come aprire il collegamento in una nuova scheda in HTML

Come aprire il collegamento in una nuova scheda in HTML
Durante lo sviluppo di qualsiasi sito Web, gli sviluppatori devono considerare i progetti per renderlo facile da capire. Quindi, gli utenti possono facilmente cercare informazioni utilizzando qualsiasi dispositivo. Alcuni dei fattori intuitivi sono tempi di caricamento rapidi, una struttura chiara, contenuto ben formattato e una navigazione efficiente è uno di questi.

Più specificamente, i collegamenti esterni che si aprono in nuove schede sono ideali per lo sviluppo web perché incoraggiano i visitatori a rimanere sul tuo sito Web a lungo. Questo salva anche gli utenti dal fare ripetutamente clic sul pulsante Indietro.

Questo articolo illustrerà:

  • Come aprire un link in HTML?
  • Cos'è un attributo target?
  • Come avviare un link in una nuova scheda?

Come aprire un link in HTML?

IL ""L'elemento in HTML viene utilizzato per incorporare il collegamento ipertestuale di un'altra pagina HTML. IL "Href"L'attributo è la parte più degna di nota di un tag HTML" ". L'URL di origine è definito usando l'attributo "HREF".

Esempio
Dai un'occhiata all'esempio seguente in cui creeremo una pagina HTML contenente testo associato a un collegamento.

  • Innanzitutto, aggiungi "

    " E "

    "Elementi che aggiungeranno un'intestazione e un paragrafo alla pagina web.

  • IL "

    "L'elemento contiene un HTML""Elemento con il"Href"Attributo.

Ecco il codice HTML:

Linuxhint


Dai un'occhiata al Sito Web LinuxHint per l'apprendimento delle competenze tecnologiche richieste.

Salva il codice e apri il file nel browser:

L'output sopra fornito mostra che il collegamento allegato apre la pagina di destinazione nella stessa scheda.

Cos'è un attributo "target"?

IL "bersaglio"L'attributo indica dove dovrebbe essere aperto il documento collegato.

Sintassi

Nome link

Di seguito è riportata la spiegazione della sintassi sopra dichiarata:

  • IL "Href"L'attributo viene utilizzato per contenere l'URL del documento.
  • IL "Rel"L'attributo determina come sono correlati il ​​file HTML e il file collegato.
  • IL "bersaglio"L'attributo viene utilizzato per indicare la destinazione in cui si aprirà il collegamento.

Come avviare un link in una nuova scheda?

L'HTML ""Tag con l'attributo"bersaglio"Descrive se un link dovrebbe essere lanciato in un'altra scheda. Questo attributo è richiesto per assegnare un valore "_vuoto". Inoltre, l'attributo "Noopener Noreferrer"Viene aggiunto per motivi di sicurezza:

Dai un'occhiata al Sito Web LinuxHint per l'apprendimento delle competenze tecnologiche richieste.

Abbiamo aggiunto questi due attributi al tag HTML "":

  • IL "bersaglio"Attributo viene assegnato un"_vuoto" valore.
  • IL "Rel"L'attributo è regolato con il"Noopener Noreferrer"Valore per motivi di sicurezza.

Qui, puoi vedere che abbiamo aperto correttamente il link in una nuova scheda:

Abbiamo illustrato come aprire il collegamento in una nuova scheda in HTML.

Conclusione

In HTML, il "bersaglio"L'attributo è impostato in""Tag per effettuare un lancio di un link in una nuova scheda. A questo attributo viene assegnato un "_vuoto" valore. Inoltre, il "Rel"L'attributo è implementato con un valore"Noopener Noreferrer"Per rendere il link sicuro e protetto. Questo blog ha illustrato il metodo per attivare un link in un'altra scheda.