Attributo target HTML <a>

Tag HTML <a>

Definizione e uso

target L'attributo specifica la posizione di apertura del documento di collegamento.

Esempio

L'attributo target specifica la posizione di apertura del documento di collegamento:

<a href="https://www.codew3c.com" target="_blank">Visita CodeW3C.com</a>

Prova a farlo tu stesso

Sintassi

<a target="_blank|_self|_parent|_top|framename">

target L'uso di questo attributo è quello di informare il browser di dove desideriamo visualizzare la risorsa linkata. Di default, il browser utilizza la finestra, la scheda o il frame (iframe) che visualizza il documento corrente, quindi il nuovo documento sostituirà il documento attualmente visualizzato, ma ci sono altre opzioni, vedere la tabella seguente:

Valore dell'attributo

Valore Descrizione
_blank Apri il documento di collegamento in una nuova finestra o scheda
_self Apri il documento di collegamento nel frame di clic (predefinito)
_parent Apri il documento di collegamento nel frame padre
_top Apri il documento di collegamento in tutto il corpo della finestra
framename Apri il documento di collegamento nel frame specificato

Spiegazione dettagliata

Se un tag <a> contiene un attributo target, il browser caricherà e visualizzerà il documento denominato con l'attributo href di questo tag, corrispondente al nome del frame o della finestra di destinazione. Se non esiste un frame o una finestra con questo nome o id specificato, il browser aprirà una nuova finestra, assegnando a questa finestra un'etichetta specificata, e caricherà il nuovo documento in quella finestra. Da quel momento in poi, i documenti ipertestuali possono puntare a questa nuova finestra.

Apri una nuova finestra

I collegamenti ipertestuali che puntano rendono facile creare strumenti di navigazione efficienti. Ad esempio, una lista di documenti di contenuto semplice può reindirizzare i documenti a una finestra separata:

<h3>Indice dei contenuti</h3>
<ul>
  <li><a href="pref.html" target="view_window">Prefazione</a></li>
  <li><a href="chap1.html" target="view_window">Capitolo 1</a></li>
  <li><a href="chap2.html" target="view_window">Capitolo 2</a></li>
  <li><a href="chap3.html" target="view_window">Capitolo 3</a></li>
</ul>

Prova a farlo tu stesso

Quando l'utente seleziona per la prima volta un link dalla lista dei contenuti, il browser apre una nuova finestra, la etichetta come "view_window", e visualizza il contenuto del documento desiderato. Se l'utente seleziona un altro link dalla lista dei contenuti e la "view_window" è ancora aperta, il browser caricherà di nuovo il documento selezionato in quella finestra, sostituendo quelli precedenti.

Nel corso di tutto il processo, la finestra che contiene la lista dei contenuti è accessibile dall'utente. Cliccando su un collegamento nella finestra, è possibile modificare il contenuto dell'altra finestra.

Apri la finestra nei frame

Senza aprire una finestra di browser completa, il metodo più comune per utilizzare il target è indirizzare il contenuto degli hyperlink a uno o più frame all'interno di un <frameset>. È possibile inserire questa lista di contenuti in uno dei frame di un documento con due frame, e utilizzare questo frame adiacente per visualizzare il documento selezionato:

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

Prova a farlo tu stesso

Quando il browser visualizza inizialmente queste due finestre, la finestra di sinistra contiene la directory, mentre la finestra di destra contiene la prefazione.

Questo è il codice sorgente di "toc.html":

<h3>Indice dei contenuti</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Prefazione</a></li>
  <li><a href="chap1.html" target="view_frame">Capitolo 1</a></li>
  <li><a href="chap2.html" target="view_frame">Capitolo 2</a></li>
  <li><a href="chap3.html" target="view_frame">Capitolo 3</a></li>
</ul>

Si prega di notare che nel documento "toc.html", ogni link ha come destinazione "view_frame", ossia la finestra di destra.

Quando l'utente seleziona un link dalla directory nella finestra di sinistra, il browser caricherà e visualizzerà il documento associato in questa finestra "view_frame" di destra. Quando viene selezionato un altro link, il contenuto della finestra di destra cambia, mentre la finestra di sinistra rimane invariata.

Destinazione speciale

Ci sono 4 nomi di destinazione conservati per operazioni speciali di reindirizzamento dei documenti:

_blank

Il browser carica sempre il documento target in una nuova finestra non nominata.

_self

Il valore di questo obiettivo è il valore predefinito per tutti gli <a> senza obiettivo, il che carica e visualizza il documento target nella stessa finestra o frame come il documento sorgente. Questo obiettivo è superfluo e non necessario, a meno che non venga utilizzato insieme all'attributo target del tag <base> del titolo del documento.

_parent

Questo obiettivo carica il documento nella finestra genitore o nel frame set che contiene l'hyperlink citato. Se la citazione è nella finestra o nel frame principale, è equivalente all'obiettivo _self.

_top

Questo obiettivo carica il documento nella finestra che contiene l'hyperlink, l'uso di _top come obiettivo cancellerà tutti i frame inclusi e caricherà il documento nella finestra del browser intera.

Suggerimento:Tutti e 4 i valori di target menzionati iniziano con un trattino. Qualsiasi altra finestra o obiettivo che inizia con un trattino viene ignorato dal browser, quindi non utilizzare il trattino come primo carattere di qualsiasi nome o id definito nel documento.

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Tag HTML <a>