tutoriais mais recente desenvolvimento web
 

HTML <iframe> sandbox Attribute

<HTML <iframe> tag

Exemplo

Um <iframe> com restrições adicionais:

<iframe src="demo_iframe_sandbox.htm" sandbox></iframe>
Tente você mesmo "

Mais "Tente você mesmo" exemplos abaixo.


Definição e Uso

O sandbox atributo permite que um conjunto extra de restrições para o conteúdo do iframe.

Quando a sandbox atributo está presente, e ele vai:

  • tratar o conteúdo como sendo de uma única origem
  • envio do formulário de bloco
  • execução de scripts bloco
  • desativar APIs
  • impedir ligações de visar outros contextos de navegação
  • impedir que o conteúdo utilizando plugins (através de <embed>, <object>, <applet> , ou other )
  • impedir que o conteúdo para navegar seu contexto de navegação de nível superior
  • bloquear recursos acionado automaticamente (como a reprodução automaticamente um vídeo ou focalizando automaticamente um controle de formulário)

O valor da sandbox atributo pode ser apenas sandbox (então todas as restrições são aplicadas), ou uma lista separada por espaços de valores pré-definidos que irá remover as restrições particulares.


Suporte a navegadores

Os números na tabela especificar a primeira versão do browser que suporta totalmente o atributo.

Atributo
sandbox 4.0 10.0 17,0 5 15,0

Diferenças entre HTML 4.01 e HTML5

O sandbox atributo é novo em HTML5.


Sintaxe

<iframe sandbox="value">

Os valores dos atributos

Valor Descrição
( no value ) Aplica-se todas as restrições
allow-forms Volta a activar o formulário de submissão
allow-pointer-lock Re-permite APIs
allow-popups Re-permite popups
allow-same-origin Permite que o conteúdo iframe para ser tratado como sendo da mesma origem
allow-scripts Re-permite roteiros
allow-top-navigation Permite que o conteúdo iframe para navegar seu contexto de navegação de nível superior

mais Exemplos

Exemplo

Um <iframe> sandbox forma que permita a apresentação:

<iframe src="demo_iframe_sandbox_form.htm" sandbox="allow-forms"></iframe>
Tente você mesmo "

Exemplo

Um <iframe> sandbox permitindo scripts e acesso ao conteúdo do servidor:

<iframe src="demo_iframe_sandbox_origin.htm" sandbox="allow-same-origin allow-scripts"></iframe>
Tente você mesmo "

<HTML <iframe> tag