A diferença entre o quadro HTML, iframe, FrameSet

Autor：Eve Cole Data da Última Atualização：2025-06-15 13:16:01

10.4.1 A diferença entre o quadro e o quadro

Primeiro, vamos explicar a diferença entre o quadro e o quadro.

<FrameSet> </raameset> é usado para dividir os quadros, cada quadro é marcado por <drame> </ched>. <frame> </frame> deve ser usado dentro de <freameSt> </raameSet>, o código é o seguinte:

</frameSet>

No exemplo acima, <fameset> </raameset> divide a página em duas partes, a página no quadro esquerdo é admin_left.htm, e a página no quadro direito é admin_center.htm.

NOTA: A ordem do quadro das tags <frame> </ching> é deixada para a direita ou de cima para baixo.

A diferença entre os dois é a seguinte:

● <frameset> é uma etiqueta de quadro, indicando que o documento da página da web é composto por um quadro e define o layout dos quadros que compõem o quadro definido no documento.

● <frame> é usado para definir as propriedades de cada quadro que constitui o quadro.

10.4.2 Configurações de parâmetros do FrameSet

<frameset> precisa definir alguns parâmetros específicos, que determinam diretamente o layout de toda a página. O código é o seguinte:

As configurações de parâmetros e seus significados do código anterior são mostrados na Tabela 10.3.

Tabela 10.3 Parâmetros do FrameSt

parâmetro	ilustrar
Fronteira	Defina a espessura da estrutura em pixels
Frameborder	Defina se deseja exibir a borda do quadro, 0 não é exibido, 1 é exibido
Enquadramento	Indica a distância entre o quadro
BorderColor	Defina a cor da borda da estrutura
Linha	Divida o documento em quadros superiores e inferiores. O valor após a linha pode ser um valor ou porcentagem numérica. * significa que o espaço restante está ocupado. O número de valores numéricos representa o número de quadros divididos horizontalmente. Por exemplo, linhas = "210,, 10%", o que significa que a página é dividida em três páginas de estrutura superior, média e inferior. O quadro superior ocupa 210px, o quadro inferior ocupa 10% de todo o documento e o espaço restante é ocupado pelo quadro do meio. é um conceito relativo, como linha =*, o que significa que não há estrutura superior e inferior na página.
Cols	Defina o mesmo que a linha

10.4.3 Configurações de parâmetros de quadro

Em relação à configuração dos parâmetros do quadro, o código é o seguinte:

Conforme mostrado na Tabela 10.4.

Tabela 10.4 Parâmetros de quadro

parâmetro	ilustrar
Nome	O nome da estrutura de configuração deve estar em inglês
Src	Defina o caminho e o nome da página exibidos no quadro, que podem ser caminhos relativos ou absolutos.
Largura de margin	Indica a distância das bordas esquerda e direita do quadro
MarginHeight	Indica a distância das bordas superior e inferior do quadro
Rolagem	Defina se deseja exibir barras de rolagem no quadro, sim é exibido, não é exibido, automaticamente significa que as barras de rolagem são exibidas automaticamente quando o conteúdo na página do quadro excede o tamanho do quadro.
Frameborder	Defina se deseja exibir a borda do quadro, 0 não é exibido e 1 é exibido
Noresize	Defina se o usuário pode alterar o tamanho desse quadro. Sem definir este item, o visualizador pode puxar o quadro à vontade e alterar o tamanho do quadro.
Enquadramento	Indica a distância entre o quadro
BorderColor	Defina a cor da borda da estrutura

10.4.4 A diferença entre quadro e iframe

O quadro e o iframe podem atingir basicamente as mesmas funções, mas o iframe tem mais flexibilidade do que o quadro.

As tags iframe também são chamadas de tags flutuantes. Eles podem ser usados para incorporar um documento HTML em uma tela HTML. A maior diferença entre ele e a etiqueta do quadro é que o conteúdo contido no <frame> </frame> incorporado na página da web é um todo com a página inteira, enquanto o conteúdo contido em <drame> </cldge> é um indivíduo independente e pode ser exibido de forma independente. Além disso, o aplicativo IFRAME também pode exibir o mesmo conteúdo várias vezes na mesma página sem precisar repetir o código desse conteúdo.

A página mostrada na Figura 10.21 é usar o iframe para criar links de paginação na parte superior e inferior da página. Os códigos na parte superior e inferior são os mesmos. Você só precisa incorporar o mesmo arquivo na página da web e não há necessidade de escrever o código repetidamente. Para o efeito real deste caso, consulte o caso /frame/iframe/see_infomore_iframe.htm no CD-ROM do Book-Accessor.

10.4.5 Defina o iframe transparente

O Iframe tem outra vantagem maior, que é que ele pode definir o quadro como transparente, para que o plano de fundo dentro do quadro seja o mesmo que o plano de fundo da página principal. Na operação de exemplo acima, os leitores cuidadosos encontrarão esse problema. Vamos explicar em detalhes como definir a transparência do iframe. As etapas de operação específicas são as seguintes:

(1) Abra o caso/quadro/iframe/ver_infomore_iframe1.htm no CD de alocação de livros.

(2) Procure o arquivo nesta página no navegador e descobri que o plano de fundo da célula original é substituído na área em que o iframe é inserido, que não é o efeito desejado.

(3) Abra a página Page.htm, mude para a visualização do código e insira o código na tag <body> da seguinte forma:

Figura 10.21 Usando o iframe para criar uma volta de página

(4) Switch See_infomore_iframe1.htm para a exibição de código e visualize o código para inserir a célula iframe na página da seguinte forma:

</td>

(5) Na tag <frame>,

As configurações de parâmetros e seus significados do código anterior

permitirtransparency = "true"

(6) O código da célula para inserir o iframe neste momento é o seguinte:

(7) Salve as páginas de duas páginas.