English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência HTML

Catálogo completo de tags HTML

HTML: <iframe> tag

O tag <iframe> de HTML permite que você insira outra página HTML dentro da página atual. Este tag é também conhecido como elemento <iframe>.

Exemplo online

Marcar uma caixa de框架 inline:

!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Guia Básico(oldtoolbag.com)</title> 
</head> 
<body>
<iframe src="//pt.oldtoolbag.com">
  <p>Desculpe, seu navegador não suporta  iframe tag.</p>
</iframe>
</body>
</html>
Teste para ver ‹/›

Se o navegador não suportar o marcador <iframe>, ele exibirá o texto “Desculpe, seu navegador não suporta iframe” como substituto.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam o tag <iframe>.

Definição e instruções de uso do标签

<iframe> define uma caixa de框架 inline.

Uma caixa de框架 inline é usada para embedding outro documento dentro do documento HTML atual.

Dentro da caixa de框架,os scripts podem usar window.parent para se referir à janela pai.

Dicas e Avisos

Dica:Você pode colocar o texto necessário entre <iframe> e </entre <iframe> para que possam ser abordados navegadores que não suportam <iframe>.

Dica:Usar CSS para definir estilos para <iframe> (incluindo a barra de rolagem).

HTML 4.01 com HTML5diferenças

HTML5 Foram adicionados novos atributos, ao mesmo tempo que foram removidos do HTML 4.01 algumas propriedades.

Diferenças entre HTML e XHTML

No XHTML, a propriedade name foi descontinuada e será removida. Use a propriedade id como substituto.

Atributo

Novo: HTML5 novo atributo adicionado.

AtributoValorDescrição
alignesquerda
direita
top
meio
inferior
HTML5 Não suportado. HTML 4.01 Descontinuado.    Determinar como alinhar o <iframe> em relação aos elementos ao redor.
frameborder1
 0
HTML5 Não suportado. Determinar se deve ser exibida uma borda ao redor do <iframe>.
heightpixelsEspecificar a altura do <iframe>.
longdescURLHTML5 Não suportado. Determinar uma página que contém uma descrição mais longa sobre o <iframe>.
marginheightpixelsHTML5 Não suportado. Especificar a margem superior e inferior do <iframe>.
marginwidthpixelsHTML5 Não suportado. Especificar a margem esquerda e direita do <iframe>.
namenameEspecificar o nome do <iframe>.
sandboxHTML5""
 allow-forms
 allow-same-origin
 allow-scripts
 allow-top-navigation
Definir uma série de restrições adicionais para o conteúdo do <iframe>.
scrollingyes
 no
 auto
HTML5 Não suportado. Especificar se deve ser exibida barra de rolagem no <iframe>.
seamlessHTML5seamlessEspecificar que o <iframe> parece ser uma parte do documento pai.
srcURLDefinir a URL do documento exibido no <iframe>.
srcdocHTML5HTML_codeDefinir o conteúdo HTML da página mostrado no <iframe>.
widthpixelsEspecificar a largura do <iframe>.

Atributos globais

Suporte ao <iframe> etiqueta Atributos globais do HTML.

Atributos de evento

Suporte ao <iframe> etiqueta Atributos de evento do HTML.

Artigos relacionados

Tutorial HTML:Quadro HTML

Manual de Referência do DOM HTML:Objeto IFrame