Uma janela do documento do navegador pode exibir apenas um arquivo de página da web, mas pode exibir mais de uma página na mesma janela do navegador usando uma estrutura. A página usando um quadro contém principalmente duas partes, uma é o conjunto de quadros e o outro é o arquivo de quadro específico.
A estrutura é usada principalmente para o layout dos sistemas de back -end ou intranet do site.
1. FrameSet (<FremeSet> </rameSet>): É usado para definir esse arquivo HTML como um modo de estrutura e definir o arquivo como dividir a janela. Para simplificar, um conjunto de estruturas é um arquivo que armazena a estrutura da estrutura e um arquivo de entrada que acessa o arquivo da estrutura. Se uma página da web consistir em dois quadros esquerda e direita, além dos dois arquivos da página da Web esquerda e direita, também há um arquivo total do conjunto de quadros. Em uma página que usa um quadro, a etiqueta do corpo <Body> é substituída pela etiqueta do quadro <FrameSet>. Para cada quadro contido na página do quadro, ele é definido pela tag <crame>.Atributo de linhas: janela de divisão horizontal. Uma janela de divisão horizontal é cortar a página em uma direção horizontal, ou seja, dividir a página em várias janelas organizadas para cima e para baixo. Vários valores podem ser tomados em linhas, cada valor representa a largura horizontal de uma janela de quadro e suas unidades podem ser pixels ou porcentagens do navegador. No entanto, deve -se notar que, geralmente, ao definir os valores de várias linhas, existem várias estruturas, ou seja, há um número correspondente de parâmetros <crame>.
<html> <head> <title> Efeito da janela de divisão horizontal </ititle> </ad Head> <FrameSet linhas = 30%, 70%> <crest> <crest> </frameset> </html>
Propriedade cols: janela de divisão vertical. Uma janela de divisão vertical é dividir a página em várias janelas em uma direção vertical, ou seja, dividir a página em várias janelas dispostas à esquerda e à direita. Vários valores podem ser obtidos nos cols, cada valor representa a largura horizontal de uma janela de quadros e suas unidades podem ser pixels ou porcentagens do navegador. O mesmo que a janela de segmentação horizontal, geralmente ao definir os valores de vários cols, existem várias estruturas, ou seja, vários parâmetros <Frame>.
<html> <head> <title> O efeito da janela de divisão vertical </ititle> </ad Head> <FrameSet cols = 20%, 55%, 25%> <cresch> <crest> <crest> <crame> </frameset> </html>
Propriedade do quadro: defina a borda. Por padrão, há uma linha de fronteira ao redor da janela da estrutura. O parâmetro Frameborder pode ser usado para ajustar a exibição da linha de fronteira. A sintaxe é:
<FrameSet FrameBorder = Se ele é exibido> ou <FrameFrameborder = se é exibido>. O valor do Frameborder pode ser apenas 0 ou 1. Se o valor for 0, a linha de fronteira será oculta; Se o valor for 1, a linha de fronteira será exibida. A configuração no FrameSet será válida para toda a estrutura e a configuração do quadro será válida apenas para a estrutura atual.
<html> <head> <title> Defina o efeito da exibição da borda da janela da estrutura </ititle> </ad Head> <FrameSet linhas = 20%, 55%, 25%> <FrameFrameborder = 1> <FrameSet cols = 35%, 65%FrameBorder = 0> <drame> <frameMeames> <FrameSet> <cramedBorder/
Propriedade de enquadramento: a largura da borda do quadro. A largura da borda do quadro é de 1 pixel por padrão e pode ser redimensionada pelo quadro de quadros de parâmetros.
Sintaxe: <FrameSet Framespacing = Largura da borda>
Nota: A largura da borda é a largura da linha entre cada borda da página, em pixels. Este parâmetro pode ser usado apenas para conjuntos de estruturas e é inválido para uma única estrutura.
<html> <head> <title>Set the frame border width</title> </head> <frameset rows=30%,70% framespacing=10> <frame> <frameset cols=20%,55%,25% framespacing=30> <frame> <frame> <frame> <frame> </frameset> </frameset> </html>
Propriedade da fronteira: a cor da borda da estrutura. Use o parâmetro borderColor para definir a cor da borda do conjunto de quadros.
Sintaxe: <FrameSet borderColor = Código de cores>
NOTA: Este parâmetro também é válido apenas para todo o conjunto da estrutura e não é válido para uma única estrutura.
<html> <head> <title>Set the frame border color</title> </head> <frameset rows=30%,70% framespacing=10 bordercolor =#CC99FF> <frame> <frameset cols=20%,55%,25% framespacing=30 bordercolor =#9900FF> <frame> <frame> <frame> </frameset> </frameset> </html>2. Frame (<drame>) e atributos SRC.
Cada página na estrutura da estrutura é um texto separado e esses arquivos são definidos através do parâmetro SRC.
Sintaxe: <quadro src = página de arquivo de origem da página> Endereço>
Nota: O arquivo de página é o conteúdo específico da página do quadro. Não tem efeito em um quadro sem definir o arquivo de origem e apenas uma página em branco. O arquivo de origem da página pode ser um arquivo HTML normal ou uma imagem ou outro arquivo.
<html> <head> <title> Defina o arquivo de origem da página </ititle> </ad Head> <FrameSet linhas = 30%, 70%> <quadro src = pic01.gif> <quadro src = src01.html> </frameset> </html>3. <Noframes> </oframes> Tags
A tag <Noframes> </oframes> é usada para exibir o conteúdo da página quando o navegador não suporta quadros.
<html> <FrameSet cols = 25%, 50%, 25%> <quadro src =/exemplo/html/frame_a.html> <estrutura src =/exemplo/html/frame_b.html> <estrutura src =/exemplo/exemplo/html/frame_b.htsml> <src src =/exemplo/html/frame_b.htsml> <src = src =/exemplo/html/frame_b.htsml> <src = src =/html/frame_b.htsml> <src = src =/exemplo/html/frame_b.htsml> <src src =/exemplo/html/frame_b.htsml> <src src =/exemplo/html/frame_b.htsml> <srC <oframes> <body> Seu navegador não pode lidar com a estrutura! </body> </floframes> </raameset> </html>2. Quadro flutuante (<frame>)
Uma estrutura flutuante é um quadro relativamente especial. Ele aninha uma janela infantil em uma janela do navegador. Ou seja, a página inteira não é uma página de quadros, mas contém uma janela de quadros. Exiba o conteúdo da página correspondente na janela do quadro. Os quadros flutuantes também são chamados de quadros embutidos e, portanto, são nomeados.
Sintaxe: <iframe src = página de origem da página> </frame>
Nota: Semelhante à estrutura do quadro comum, uma estrutura flutuante também pode definir muitos parâmetros, como nome, rolagem, estrutura, etc. No entanto, em comparação com os quadros comuns, o quadro flutuante não contém parâmetros de enquadramento e borda.
Atributo SRC: O parâmetro mais básico em uma estrutura flutuante é SRC. É usado para definir o endereço do arquivo de origem da página Framework flutuante e também é um parâmetro necessário para a página Framework Floating. Porque somente quando o conteúdo do arquivo de origem é definido, a estrutura flutuante faz sentido. Sintaxe: <iframe src = página de origem da página>
Propriedades de largura e altura: em uma estrutura de estrutura normal, como a estrutura é a janela inteira do navegador, ela não precisa definir seu tamanho. No entanto, em um quadro flutuante, ele é inserido em uma página HTML normal e todo o quadro pode ser redimensionado. Sintaxe: <iframe src = src = quadro flutuante Página do arquivo de origem Largura = largura da página altura = altura da página>, os valores de largura e altura da página estão em pixels.
<html> <body> <iframe src =/i/eg_landscape.jpg width = 550 altura = 310> </frame> <p> Alguns navegadores antigos não suportam iframes. </p> <p> Se suportado, o iframe não será visível. </p> </body> </html>3. Um exemplo de um layout de estrutura
<html> <head> <title>Frame homepage</title> </head> <frameset rows=20%,*><!--Frameset set, container for control file --> <frame name=topFame src=3.html noresize/> <frameset cols=240px,*> <frame name=leftFrame src=1.html/> <frame name=rightFrame src = 2.html marginwidth = 20px rolagem = não/> </rameSet> <fromames> <!-tags noframes podem conter tags do corpo-> <body> Esta página não suporta tags de quadros! </body> </floframes> </raameset> </html>4. Como sair da estrutura de links
No layout de back -end do site, as estruturas são usadas com mais frequência. Em muitos casos, precisamos sair da estrutura e recarregar a página. Então, como os links podem sair da estrutura? De fato, você só precisa especificar o atributo de destino da tag <a> </a> para ser _top. Aqui está um exemplo simples.
<html> <body> <p> está bloqueado no quadro? </p> <a href =/index.html Target = _top> Por favor, clique aqui! </a> </body> </html>