Exemplo
Um quadro embutido é marcado como segue:
<iframe src="http://www.w3ii.com"></iframe>
Tente você mesmo " Definição e Uso
O <iframe> tag especifica um quadro embutido.
Um quadro embutido é usado para incorporar outro documento dentro do documento HTML atual.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <iframe> | sim | sim | sim | sim | sim |
Dicas e Notas
Dica: Para lidar com navegadores que não suportam <iframe> , adicionar um texto entre a abertura <iframe> tag eo fechamento </iframe> tag.
Dica: Use CSS para estilizar o <iframe> (mesmo para incluir barras de rolagem).
Diferenças entre HTML 4.01 e HTML5
HTML5 acrescentou alguns novos atributos, e vários HTML 4.01 atributos são removidos do HTML5.
Diferenças entre HTML e XHTML
Em XHTML, o name atributo é preterido e será removido. Use o atributo global id vez.
Atributos
= Novo em HTML5.
| Atributo | Valor | Descrição |
|---|---|---|
| align | left right top middle bottom | Não suportado em HTML5. Especifica o alinhamento de um <iframe> de acordo com elementos circundantes |
| frameborder | 1 0 | Não suportado em HTML5. Especifica se deve ou não exibir uma borda em torno de um <iframe> |
| height | pixels | Especifica a altura de um <iframe> |
| longdesc | URL | Não suportado em HTML5. Especifica uma página que contém uma longa descrição do conteúdo de um <iframe> |
| marginheight | pixels | Não suportado em HTML5. Especifica as margens superior e inferior do conteúdo de um <iframe> |
| marginwidth | pixels | Não suportado em HTML5. Especifica as margens esquerda e direita do conteúdo de um <iframe> |
| name | text | Especifica o nome de um <iframe> |
| sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | Permite que um conjunto extra de restrições para o conteúdo em um <iframe> |
| scrolling | yes no auto | Não suportado em HTML5. Especifica se deve ou não exibir barras de rolagem em um <iframe> |
| src | URL | Especifica o endereço do documento para incorporar no <iframe> |
| srcdoc | HTML_code | Especifica o conteúdo HTML da página para mostrar na <iframe> |
| width | pixels | Especifica a largura de um <iframe> |
Atributos globais
O <iframe> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <iframe> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Tutorial HTML: HTML Iframes
Referência HTML DOM: objeto iframe
Configurações CSS padrão
A maioria dos navegadores irá exibir o <iframe> elemento com os seguintes valores padrão:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}