English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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>.
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.
IEFirefoxOperaChromeSafari
Todos os navegadores populares suportam o tag <iframe>.
<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.
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).
HTML5 Foram adicionados novos atributos, ao mesmo tempo que foram removidos do HTML 4.01 algumas propriedades.
No XHTML, a propriedade name foi descontinuada e será removida. Use a propriedade id como substituto.
Novo: HTML5 novo atributo adicionado.
Atributo | Valor | Descrição |
---|---|---|
align | esquerda direita top meio inferior | HTML5 Não suportado. HTML 4.01 Descontinuado. Determinar como alinhar o <iframe> em relação aos elementos ao redor. |
frameborder | 1 0 | HTML5 Não suportado. Determinar se deve ser exibida uma borda ao redor do <iframe>. |
height | pixels | Especificar a altura do <iframe>. |
longdesc | URL | HTML5 Não suportado. Determinar uma página que contém uma descrição mais longa sobre o <iframe>. |
marginheight | pixels | HTML5 Não suportado. Especificar a margem superior e inferior do <iframe>. |
marginwidth | pixels | HTML5 Não suportado. Especificar a margem esquerda e direita do <iframe>. |
name | name | Especificar 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>. |
scrolling | yes no auto | HTML5 Não suportado. Especificar se deve ser exibida barra de rolagem no <iframe>. |
seamlessHTML5 | seamless | Especificar que o <iframe> parece ser uma parte do documento pai. |
src | URL | Definir a URL do documento exibido no <iframe>. |
srcdocHTML5 | HTML_code | Definir o conteúdo HTML da página mostrado no <iframe>. |
width | pixels | Especificar a largura do <iframe>. |
Suporte ao <iframe> etiqueta Atributos globais do HTML.
Suporte ao <iframe> etiqueta Atributos de evento do HTML.
Tutorial HTML:Quadro HTML
Manual de Referência do DOM HTML:Objeto IFrame