Etiqueta <iframe> de HTML

  • Página anterior <i>
  • Próxima página <img>

Definição e uso

<iframe> A tag define o iframe (frame inline).

O iframe é usado para embedder outro documento dentro do documento HTML atual.

Dica:Use CSS para definir <iframe> estilo (veja os exemplos abaixo).

Dica:Melhor sempre usar <iframe> Contém a propriedade title. O leitor de tela pode usar essa propriedade para ler sobre <iframe> Descrição do conteúdo.

Veja também:

Tutorial de HTML:Iframe HTML

Manual de Referência do DOM HTML:Objeto IFrame

Exemplo

Exemplo 1

A marca de linha de iframe é a seguinte:

<iframe src="https://www.codew3c.com" title="CodeW3C.com Em Linha de Código"></iframe>

Experimente você mesmo

Exemplo 2

Adicionar e remover a borda do iframe (usando CSS):

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

Experimente você mesmo

Atributo

Atributo Valor Descrição
allow Define a estratégia de funcionalidade do <iframe>.
allowfullscreen
  • true
  • false
 Se o <iframe> puder ativar o modo de tela cheia chamando o método requestFullscreen(), configure como true.
allowpaymentrequest
  • true
  • false
 Se permitir que o <iframe> faça chamadas cross-origin para o Payment Request API, configure como true.
height Pixels Define a altura do <iframe>. A altura padrão é de 150 pixels.
loading
  • eager
  • lazy
 Define se o navegador deve carregar o iframe imediatamente ou atrasar o carregamento até que某些条件 seja satisfeito.
name Texto Define o nome do <iframe>.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Define as informações de referência a serem enviadas ao obter o iframe.
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 Ativa uma série de restrições adicionais para o conteúdo do <iframe>.
src URL Define o endereço do documento a ser incorporado ao <iframe>.
srcdoc Código HTML Define o conteúdo HTML da página a ser exibida dentro do <iframe>.
width Pixels Define a largura do <iframe>. A largura padrão é de 300 pixels.

Atributo global

<iframe> A tag também suporta Atributos globais no HTML.

Atributos de evento

<iframe> A tag também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <iframe> Elemento:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte
  • Página anterior <i>
  • Próxima página <img>