Quando crei un documento per essere dentro un IFRAME
, tutti i collegamenti in quella cornice si apriranno automaticamente nello stesso frame. Ma con l'attributo sul link (l'elemento o l'elemento) puoi decidere dove aprire i tuoi link.
Puoi scegliere di dare agli iframe un nome univoco con l'attributo e quindi puntare i tuoi collegamenti su quel frame con l'ID come valore del bersaglio
attributo:
id = "page">target = "page">
Se aggiungi una destinazione a un ID che non esiste nella sessione corrente del browser, questo aprirà il link in una nuova finestra del browser, con quel nome. Dopo la prima volta, tutti i link che puntano a quella destinazione nominativa si apriranno nella stessa nuova finestra.
Ma se non vuoi dare un nome ad ogni finestra o ad ogni frame con un ID, puoi comunque scegliere come target alcune finestre specifiche senza bisogno di una finestra o frame con nome. Questi sono chiamati obiettivi standard.
Le quattro parole chiave target
Esistono quattro parole chiave di destinazione che non richiedono un frame con nome. Queste parole chiave consentono di aprire i collegamenti in aree specifiche della finestra del browser Web a cui potrebbe non essere associato un ID. Questi sono obiettivi che i browser Web riconoscono:
_se stesso
- Questo è l'obiettivo predefinito per qualsiasi tag di ancoraggio. Se non si imposta il
bersaglio
attributo o si utilizza questo obiettivo, il collegamento si aprirà nella stessa finestra o frame in cui si trova il collegamento.
- Questo è l'obiettivo predefinito per qualsiasi tag di ancoraggio. Se non si imposta il
_genitore
- Gli iframe sono incorporati nelle pagine Web. E potresti incorporare un iframe in una pagina che si trova all'interno di un altro iframe su un'altra pagina web. Quando imposti il
bersaglio
attribuire a_genitore
il link si aprirà nella pagina web che contiene l'iframe.
- Gli iframe sono incorporati nelle pagine Web. E potresti incorporare un iframe in una pagina che si trova all'interno di un altro iframe su un'altra pagina web. Quando imposti il
_superiore
- Nella maggior parte delle situazioni con iframe, questo target aprirà i collegamenti nello stesso modo in cui il
_genitore
obiettivo fa. Ma se c'è unIFRAME
dentro unIFRAME
, il_superiore
target apre i collegamenti nella finestra di livello più alto della serie, rimuovendo tutti gli iframe.
- Nella maggior parte delle situazioni con iframe, questo target aprirà i collegamenti nello stesso modo in cui il
_blank
- Questo è l'obiettivo più comunemente usato: apre il collegamento in una finestra completamente nuova, simile a un popup.
Come scegliere i nomi dei tuoi frame
Quando costruisci una pagina web con iframe, è una buona idea dare a ciascuno un nome specifico. Questo ti aiuta a ricordare a cosa servono e ti permette di inviare link a quei frame specifici.
Mi piace nominare i miei iframe per quello che sono. Per esempio:
id = "link">id = "external-documento">
Utilizzo di frame HTML con target
HTML5 rende obsoleti i frame e i set di frame, ma se utilizzi ancora l'HTML 4.01, puoi indirizzare i frame specifici allo stesso modo degli iframe. Dai i nomi dei frame con il id
attributo:
id = "MyFrame">
Quindi, quando un link in un altro frame (o finestra) ha lo stesso target, il link si aprirà in quel frame:
target = "MyFrame">
Le quattro parole chiave di destinazione funzionano anche con i frame. Il _genitore
si apre nel telaio di chiusura, _se stesso
si apre nello stesso frame, _superiore
si apre nella stessa finestra, ma al di fuori del frameset, e _blank
si apre in una nuova finestra o scheda (a seconda del browser).
Impostazione di una destinazione predefinita
Puoi anche impostare un target predefinito sulle tue pagine web usando l'elemento. Hai impostato il bersaglio
attributo al nome dell'iframe (o del frame in HTML 4.01) in cui desideri aprire tutti i link. Puoi anche impostare i target predefiniti di una delle quattro parole chiave di destinazione. Ecco come scrivere un target predefinito per una pagina:
L'elemento appartiene al CAPO
del tuo documento. È un elemento void, quindi in XHTML includeresti la barra di chiusura:
/>