Um quadro divide a janela do navegador em vários painéis independentes, cada um contendo uma página HTML independente.
1. Conceitos básicos de framework
Os usuários podem carregar ou recarregar o conteúdo do painel individual por meio de quadros sem recarregar todo o conteúdo da janela do navegador. Em relação aos frames, o conjunto de frames correspondente a toda a janela do navegador é denominado conjunto de frames.
Em HTML, use a tag frameset <frameset> para dividir o quadro da página e use o atributo rows (ou cols) para indicar o número de linhas (ou colunas) do quadro e a proporção da janela que ele ocupa.
O papel da moldura da janela:
É dividir a página web em múltiplas páginas HTML, ou seja, dividir a tela da janela em múltiplas pequenas janelas, e em cada pequena janela podem ser exibidas diferentes páginas web, e no navegador, uma página completa é formada, então isso no navegador O efeito de navegar em diferentes páginas da web ao mesmo tempo.
Os maiores recursos das páginas da web com frames:
Sem alterar o layout de toda a página, as páginas HTML podem ser vinculadas entre si para atingir o objetivo de obter o conteúdo necessário sem virar a página. Esse recurso o torna único na exibição de documentos eletrônicos.
2. Tags de conjunto de quadros
Sintaxe básica:
<conjunto de quadros>
<quadro>
<quadro>
…
</frameset>
Explicação da sintaxe: Um conjunto de quadros é uma página HTML que define um conjunto de estruturas de quadros em um documento. Não há tag <BODY> nesta página. Os conjuntos de quadros definem o número, o tamanho e o carregamento de páginas dos quadros exibidos em uma janela.
Nota 1: O componente de moldura de janela definido pela tag <Frameset> é equivalente ao componente de tema de arquivo definido pela tag <BODY> Portanto, a tag <Frameset> não pode ser incluída na tag <BODY>, caso contrário, o <Frameset>. > tag não funcionará corretamente.
Nota 2: A tag <Frame> é usada para definir uma subjanela Como não há tag final, a tag é usada apenas para definir vários atributos na tag para controlar o quadro da janela que ela representa.
(1) Atributos da janela dividida esquerda e direita Cols
Sintaxe básica:
<frameset cols="valor,valor,...">
<quadro>
<quadro>
…
</frameset>
Explicação da sintaxe: Valor define o valor da largura de cada quadro. A unidade pode ser pixels ou porcentagens.
<html><head><title>dotcpp</title></head><framesetcols=30%,70%><frame><frame></frameset></html>
O efeito é mostrado na figura:
(2) Atributos da janela dividida superior e inferior Linhas
Sintaxe básica:
<frameset rows="valor,valor,...">
<quadro>
<quadro>
…
</frameset>
Explicação da sintaxe: Valor define o valor da largura de cada quadro. A unidade pode ser pixels ou porcentagens.
<html><head><title>dotcpp</title></head><framesetrows=20%,*,20%><frame><frame><frame></frameset></html>
O efeito é mostrado na figura:
(3) Janelas divididas aninhadas
Sintaxe básica:
<frameset cols="valor,valor,...">
<quadro>
<frameset rows="valor,valor,...">
<quadro>
<quadro>
…
</frameset>
<quadro>
…
</frameset>
Explicação da sintaxe: as divisões podem ser aninhadas.
<html><head><title>Janelas divididas aninhadas</title></head><framesetcols=*,*><framesetrows=*,*><frame><frame></frameset><framesetrows=*, * ><frame><frame></frameset></frameset></html>
O efeito é o seguinte:
(4) Atributo de largura da borda do conjunto de quadros FrameSpacing
Sintaxe básica:
<frameset FrameSpacing="VALUE">
Explicação da sintaxe: Defina a largura da borda do conjunto de quadros em pixels.
(5) Atributo de cor da borda do conjunto de quadros Bordercolor
Sintaxe básica:
<frameset BorderColor="COLOR_VALUE">
Explicação da sintaxe: Defina a cor da borda do conjunto de quadros.
3. Marca de quadro <Frame>:
(1) Atributo SRC do arquivo de origem da página do quadro
Sintaxe básica:
<frame src="FILE_NAME">
Explicação da sintaxe: Cada quadro possui uma página da web exibida e o atributo SRC define o caminho do arquivo da página do quadro.
(2) Nome do atributo do nome do quadro
Sintaxe básica:
<frame src="FILE_NAME" name="Frame_name">
Explicação da sintaxe: você pode nomear cada link. O nome é usado para o link e a descrição do script da página e não afeta a exibição da página.
Regras de nomenclatura: uma única palavra pode ter um sublinhado "_", deve começar com uma letra e diferencia maiúsculas de minúsculas.
(3) Propriedade de exibição da borda do quadro FrameBorder
Sintaxe básica:
<frame src="FILE_NAME" frameborder="VALUE">
Explicação da sintaxe: Se VALUE for 0, a borda não será exibida e se for 1, a borda será exibida.
Nota 1: A propriedade Frameborder pode ser usada para controlar o entorno da moldura da janela e se a moldura deve ser exibida.
Nota 2: Este atributo pode ser usado na tag <Frameset> e na tag <Frame>. Quando usado na tag <Frameset>, ele pode controlar todas as janelas filhas do quadro da janela. Quando utilizado na tag <Frame>, apenas a subjanela representada pela tag pode ser controlada.
Nota 3: 0 significa não exibir a linha do quadro, 1 significa exibir a linha do quadro e seu valor padrão é 1.
(4) Propriedade de exibição da barra de rolagem do quadro Rolagem
Sintaxe básica:
<frame src="FILE_NAME" scrolling="VALUE">
Explicação da sintaxe: Se o valor VALUE for SIM, a barra de rolagem será exibida, se for NÃO, a barra de rolagem não será exibida e se for AUTO, determinará automaticamente se deve exibir a barra de rolagem com base na página comprimento.
(5) Atributo de ajuste de tamanho de quadro NoResize
Sintaxe básica:
<frame src="FILE_NAME" NoResize>
Explicação da sintaxe: NORESIZE proíbe alterar o tamanho do quadro.
(6) Atributo de largura da borda do quadro MarginWidth
Sintaxe básica:
<frame src="FILE_NAME"
MarginWidth="valor">
Explicação da sintaxe: MarginWidth define as margens esquerda e direita do quadro.
(7) Atributo de altura da borda do quadro MarginHeight
Sintaxe básica:
<frame src="FILE_NAME"
MarginHeight="valor">
Explicação da sintaxe: MarginHeight define as margens superior e inferior do quadro.
4. Tags de quadro não são suportadas
Para uso com navegadores que não suportam tecnologia de frames.
Sintaxe básica:
<frameset cols="valor,valor,...">
<quadro>
<quadro>
…
<Sem quadros>
…
</Noframes>
</frameset>
5. Quadro flutuante
Um quadro flutuante é um quadro de página especial que aninha subjanelas na janela do navegador e exibe o conteúdo da página nela.
Sintaxe básica: <IFRAME>……</IFRAME>
6. Quadros e links
Um propósito importante do uso de frames é exibir páginas diferentes em frames diferentes.
Principalmente através do atributo “Target” do link para definir o quadro e a janela em que a página vinculada é exibida.