Ferramenta HTML

Ao usar frames, você pode exibir mais de uma página na mesma janela do navegador.

Exemplo

Frame vertical
Este exemplo demonstra como usar três documentos diferentes para criar um frame vertical.
Frame horizontal
Este exemplo demonstra como usar três documentos diferentes para criar um frame horizontal.

(Mais exemplos podem ser encontrados na parte inferior dessa página)

Frame

Ao usar frames, você pode exibir mais de uma página na mesma janela do navegador. Cada documento HTML é chamado de frame e cada frame é independente dos outros frames.

Os males do uso de frames:

  • Os desenvolvedores devem rastrear mais documentos HTML ao mesmo tempo
  • É difícil imprimir a página inteira
Tag de estrutura de frame (<frameset>)
  • A tag de estrutura de frame (<frameset>) define como dividir a janela em frames
  • Cada frameset define uma série de linhasouColuna
  • Os valores de rows/columns determinam a área da tela ocupada por cada linha ou coluna

Nota do editor:A tag frameset também é traduzida em alguns artigos e livros como conjunto de frames.

Tag de frame (Frame)

A tag Frame define o documento HTML colocado em cada frame.

Neste exemplo a seguir, configuramos uma estrutura de frames de duas colunas. A primeira coluna é configurada para ocupar 25% da janela do navegador. A segunda coluna é configurada para ocupar 75% da janela do navegador: O documento HTML "frame_a.htm" é colocado na primeira coluna, enquanto o documento HTML "frame_b.htm" é colocado na segunda coluna:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

Atenção básica - Dicas úteis:

Se uma estrutura tiver bordas visíveis, o usuário pode arrastar as bordas para alterar seu tamanho. Para evitar isso, você pode adicionar no <frame> tag: noresize="noresize".

Adicione a tag <noframes> para navegadores que não suportam frames.

Dica Importante:Não é possível usar as tags <body></body> e <frameset></frameset> ao mesmo tempo! No entanto, se você adicionar uma tag <noframes> que contém um texto, você deve anexar esse texto dentro das tags <body></body> (no primeiro exemplo, você pode ver como isso é feito).

Mais Exemplos

Como usar a tag <noframes>
Este exemplo demonstra: como usar a tag <noframes>.
Estrutura de Frame Mista
Este exemplo demonstra como criar uma estrutura de frame que contém três documentos, colocando-os ao mesmo tempo em linhas e colunas.
Estrutura de frame com a propriedade noresize="noresize"
Este exemplo demonstra a propriedade noresize. Neste exemplo, os frames não podem ser ajustados em tamanho. Arraste o mouse sobre a borda entre os frames e você verá que a borda não pode ser movida.
Frame de Navegação
Este exemplo demonstra como criar um frame de navegação. O frame de navegação contém uma lista de links que definem o segundo frame como alvo. O arquivo "contents.htm" contém três links.
Frame Inline
Este exemplo demonstra como criar um frame inline (frame dentro de uma página HTML).
Saltar para uma seção específica dentro de um frame
Este exemplo demonstra dois frames. Um dos frames contém um link que aponta para uma seção especificada em outro arquivo. O arquivo "link.htm" especifica a seção usando <a name="C10">.
Use a navegação do frame para saltar para a seção especificada
Este exemplo demonstra dois frames. O frame da esquerda contém uma lista de links que definem o segundo frame como alvo. O segundo frame exibe o documento anexado. Os links no frame de navegação apontam para a seção especificada no arquivo de destino.