Manuale di riferimento HTML

Completo di etichette HTML

HTML: attributo sandbox di <iframe>

L'attributo sandbox ha abilitato un insieme di restrizioni aggiuntive per il contenuto dell'iframe

Esempio online

Esempio

<!DOCTYPE html>
<html>
<head>
<title>HTML: attributo sandbox di <iframe> - Sito di base di tutorial oldtoolbag.com</title>
<body>
<iframe src="demo-iframe-sandbox.html" sandbox>
　　<p>Il tuo browser non supporta gli iframe.</p>
</iframe>
<p>Il pulsante "Ottieni data e ora" eseguirà lo script nell'iframe.</p>
<p>Poiché è stato impostato l'attributo sandbox, non è permesso eseguire script nel contenuto dell'iframe.</p>
<p>Puoi aggiungere "permesso script" all'attributo sandbox per permettere l'esecuzione di JavaScript.</p>
</body>
</html>

Testa per vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Chrome e Safari supportano l'attributo sandbox.

Attenzione:Opera e Internet Explorer 9 e versioni precedenti non supportano l'attributo sandbox.

Definizione e uso

L'attributo sandbox ha abilitato un insieme di restrizioni aggiuntive per il contenuto dell'iframe.
Quando è presente l'attributo sandbox, esso:

Visualizzare il contenuto come proveniente da un'unica fonte
Bloccare i submit bloccati
Bloccare l'esecuzione di script
Disabilitare le API
Bloccare la localizzazione dei link in altri contesti di navigazione
Bloccare l'uso di plugin (attraverso <embed>, <object>, <applet> o altri)
Bloccare la navigazione del contenuto nel contesto superiore del browser
Bloccare le funzioni attivate automaticamente (ad esempio, riproduzione automatica di video o messa a fuoco automatica dei controlli del modulo)
Il valore dell'attributo sandbox può essere solo sandbox (che rimuove tutte le restrizioni dell'applicazione) o una lista di valori predefiniti separati da spazi, che rimuoveranno restrizioni specifiche.

Differenze tra HTML 4.01 e HTML5

L'attributo sandbox è una nuova proprietà di HTML5.

Sintassi

<iframe sandbox="value">

Valore dell'attributo

Valore	Descrizione
""	Abilita tutte le condizioni di limitazione
allow-same-origin	Consente di trattare i contenuti come sorgenti normali. Se non viene utilizzato questo termine, i contenuti incorporati verranno considerati come una sorgente indipendente.
allow-top-navigation	Il contesto della pagina incorporata può navigare (caricare) contenuti nel contesto di navigazione superiore (browsing context). Se non viene utilizzato questo termine, l'operazione non sarà disponibile.
allow-forms	Consente il submit dei moduli.
allow-scripts	Consente l'esecuzione di script.

Più esempi

Un <iframe> sandbox che consente il submit dei moduli.
Abilita una serie di limitazioni aggiuntive, ma consente il submit dei moduli.

Un <iframe> sandbox che consente script e accesso ai contenuti del server.
Abilita una serie di limitazioni aggiuntive, ma consente script e accesso ai contenuti del server.

　HTML <iframe> etichetta

HTML: <template> etichetta