7.2 - Elemento FRAMESET

Estude o exemplo:

É importante observar que a página com a especificação dos quadros (como é a página do exemplo acima)  é diferente de uma página HTML comum - possui o elemento FRAMESET no lugar do corpo do documento (elemento BODY - consultar A estrutura do documento HTML para comparar a estrutura padrão do documento HTML com a página de quadros acima).

O elemento FRAMESET (conjunto de quadros) especifica a divisão da janela em quadros. Se o atributo cols for especificado, a janela é dividida em colunas verticais. Se o atributo rows for especificado, a janela é dividida em linhas horizontais. No exemplo acima, experimente substituir o atributo rows pelo atributo cols, conforme ilustra a linha de código abaixo, e observe o novo resultado.

    <FRAMESET rows="130,*">

A divisão da janela em quadros é feita através de uma lista de valores. Compare os exemplos:
cols="130,*"
cols="130,*,40"
cols="50%,50%"
rows="130,*,40"
rows="70,100,50%,*"
rows="70,*,50%,*"

A lista de valores indica em quantos quadros a janela será dividida e qual a medida de cada quadro. Para cada quadro definido nesta lista é preciso declarar um elemento FRAME. Observe o exemplo: 


No exemplo acima, o atributo rows="60,*,45" está dividindo a janela em 3 quadros horizontais (em forma de linha): o 1º quadro tem 60 pontos de altura; o 3º quadro tem 45 pontos de altura; e o quadro do meio (o 2º quadro) ocupa todo o resto da dimensão da janela - ou seja, o 1º e o 3º quadro possuem dimensões fixas (independem do tamanho da janela do navegador) enquanto o 2º quadro possui dimensão variável de acordo com o tamanho da janela do navegador. A dimensão de cada quadro pode ser especificada de forma absoluta (em pontos), relativa (em porcentagem) ou utilizando o asterístico para indicar o espaço restante. Se dois ou mais quadros forem especificados através de asterísticos - por exemplo, rows="70,*,*" - então o espaço restante é dividido em porções iguais entre estes quadros.

Além dos atributos rows e cols, o elemento FRAMESET admite também os atributos border e frameborder. O atributo border especifica a largura da linha divisória entre os quadros. Já o atributo frameborder especifica se esta linha divisória será ou não mostrada (se frameborder=1, então a linha será mostrada; se frameborder=0, então a linha não será mostrada). Experimente utilizar estes atributos, no exemplo acima, conforme sugerido nas linhas de código a seguir:

<FRAMESET rows="60,*,45"" border=20>

<FRAMESET rows="60,*,45"" border=20 frameborder=0>

<FRAMESET rows="60,*,45"" border=0 frameborder=0>

  

A tabela abaixo resume os atributos do elemento FRAMESET:

 Atributos:

cols=lista --

Lista das dimensões dos quadros; divide a janela em colunas.

rows=lista --

Lista das dimensões dos quadros; divide a janela em linhas.

border=número --

Largura da linha divisória entre os quadros.

frameborder=0|1 --

Se a linha divisória entre os quadros será mostrada (1) ou não (0).