Iframe

Um iframe (abreviação de inline frame) é um elemento HTML que permite incorporar uma página da web externa em um documento HTML. Diferentemente dos frames tradicionais, que eram usados para criar a estrutura de uma página da web, os iframes podem ser inseridos em qualquer lugar no layout de uma página da web.

Um iframe pode ser inserido em um documento HTML usando a tag iframe, como mostrado no exemplo abaixo:

<iframe src="http://sharpened.com/example.php" width="728" height="90"></iframe>

O código acima inseriria o conteúdo da URL em um iframe de 728 x 90 px dentro da página da web. A origem do iframe (src) pode fazer referência a um site externo ou a outra página no mesmo servidor, como src="/example.php". Os atributos de largura e altura não são obrigatórios, mas são usados com frequência para definir o tamanho do iframe. Outros atributos de iframe, como marginwidth e marginheight, são compatíveis com o HTML 4 e versões anteriores, mas, no HTML5, o CSS é usado para personalizar a aparência de um iframe.

Os iframes são usados para várias finalidades, como publicidade online e multimídia. Muitas plataformas de anúncios usam iframes para exibir anúncios em páginas da web, pois eles oferecem mais flexibilidade do que um script inline. Como os iframes podem conter uma página da web inteira, os anunciantes podem incluir código de rastreamento adicional dentro de um iframe, o que ajuda a garantir relatórios precisos tanto para o anunciante quanto para o editor.

Os iframes também são usados para exibir diferentes tipos de mídia dentro de uma página da web. Por exemplo, vídeos do YouTube e janelas do Google Maps são frequentemente incorporados em páginas da web usando iframes. Muitos aplicativos da web usam iframes, pois eles podem exibir conteúdo dinâmico sem recarregar a página da web.