giovedì 14 novembre 2013

Aprire i link del blog in altra scheda grazie all'attributo target

Quando un utente o noi stessi, clicchiamo un link nel blog, l'azione predefinita è l'apertura della nuova pagina nella stessa scheda del post. Questa sovrapposizione non permette di avere sotto controllo le due schede aperte. Per ritrovare la principale, infatti, dobbiamo cliccare sulla freccia indietro del browser.
Inutile dire che per la corretta fruizione dei contenuti da parte dell'utente del blog, l'apertura di una nuova pagina in una seconda scheda, sarebbe la soluzione migliore. Per proporre questa soluzione, abbiamo a disposizione l'attributo HTML "target", che si occuperà di diverse operazioni, al clic del link. L’attributo target e’ un attributo del tag (anchor), serve per specificare dove verra’ aperta la pagina collegata che vogliamo visualizzare.

Ma vediamole insieme:

Innanzitutto vediamo la composizione di un link normale:
<a href="miaPagina.html">vai alla pagina</a>

Dove:
miaPagina.html = Indirizzo alla pagina che vogliamo aprire.
vai alla pagina = Testo cliccabile come apparirà nel post.


Passiamo all'attributo target:
L'attributo target, offre quattro utilizzi:
<a href="miaPagina.html" target="_blank">vai alla pagina</a>

Dove:
target="_blank"  = Apre il collegamento in una nuova scheda.


<a href="miaPagina.html" target="_self">vai alla pagina</a>

Dove:
target="_self"  = Apre il collegamento nello stesso frame o finestra.


<a href="miaPagina.html" target="_parent">vai alla pagina</a>

Dove:
target="_parent" = Apre il collegamento nel frame o nella finestra genitore della finestra.


<a href="miaPagina.html" target="_top">vai alla pagina</a>

Dove:
target="_top" = Apre il collegamento nel frame o finestra più importante.
Con l’utilizzo sempre minore dei frame, l’attributo target viene particolarmente utilizzato per aprire un collegamento in una nuova finestra senza sovrascrivere il contenuto della finestra di partenza (utile per saltare da un sito ad un altro o da una pagina all'altra). In questo caso l’attributo target assume, come abbiamo visto, il parametro "_blank":

Nessun commento:

Posta un commento