Página Inicial>Tutorial de web design>Tutorial HTML

A diferença entre html iframe e quadteset

Autor：Eve Cole Data da Última Atualização：2025-03-20 05:00:03
Breve introdução

1. <Html "> iframe> tags: iframe é uma estrutura interna, que gera uma estrutura interna na página.

2. <frameset> Tags: o FrameSt define um conjunto de estruturas, que contém vários sub -quadros, e cada estrutura possui uma documentação independente.

<frame> tag

O iframe é uma estrutura interna, que gera uma estrutura interna na página.

<frame> </frame>

propriedade

frameborder {int}: se deve exibir o quadro do quadro;

src {url}: especifique o URI de um recurso (como páginas da web, imagens);

rolagem {boolean}: se deve exibir a barra de rolamento do quadro;

largura {int}: defina a largura do iframe;

altura {int}: defina a altura do iframe;

Exemplo exemplar

 <body> <h3> demonstração de tag html </h3> <iframe src = 1.1-Showhtml.htm> </frame> </body>

Precauções

Quando <frame> adiciono conteúdo no conteúdo </frame>, o conteúdo da página adicionado não será exibido na página de exibição. Portanto, use o atributo SRC para especificar uma página.

Cenários de aplicação

1) Página de atualização da edição, muitos logs de versão, você pode colocar as informações de atualização em um iframe.

2) Caixa de edição da sorte, como a área [Novo Ensaio] no parque do blog.

<FrameSet> Rótulo

O FrameSt define um conjunto de estruturas que contém várias estruturas, e cada estrutura possui uma documentação independente.

Formatar

 <FrameSet> <quadro src = a.htm /> <ardeira src = b.htm /> <oframes> < /noframes> < /FrameSet>
Sub -explicação

<FramesRC = A.HTM />: Sub -frame <frames> </oframes>: Quando o navegador não suporta essa estrutura, ele é exibido.

propriedade

Atributo FrameSet:

Linhas: o layout do sub -quadro de acordo com a linha de linha (). Tomando dois sub -quadros como exemplo: linhas = 30%,*, indicando que a primeira estrutura é responsável por 30%de toda a página e a segunda ocupa a cor restante; sub -frame (). Tomando 2 sub -quadros como exemplo: cols = 30%,*, indicando que a primeira estrutura é responsável por 30%do comprimento de toda a página e a segunda ocupa a restante; os sub -quadros sem ajustar.

Atributo do quadro:

SRC: URI que se refere a um recurso (como páginas, fotos, etc.);

Nome: Especifique o nome da estrutura para operação entre a estrutura.

Exemplo exemplar

 <html xmlns = http://www.w3.org/1999/xhtml> <head> <title> demonstração de FrameSet </ititle> </ad Head> <FrameSet linhas = 30%,* noresize = noresize> <quadro src = DateGrid.htm name = frm1/> <frame src = dialog.htm name = frm2/> <nooframes> </floframes> </rameSset> </html>
Precauções

Ao usar uma etiqueta de quadros, preste atenção para remover a tag <Body> </body> da camada externa.

Operação entre sub -quadros

参照示例代码，frm1更改frm2的子集指向的页面： window.parent.frames[frm2].location.href = 'b.htm'

Cenários de aplicação

1) O gerenciamento da página em segundo plano, o menu à esquerda e a página detalhada no quadro direito.

2) Página do menu da função, como bbs.csdn.net

Pouco conhecimento

Quando você navegar na estrutura da página, clique em Direita -Clique na página do quadro e haverá mais informações sobre a estrutura.

Tome o Chrome como exemplo:

Artigos Relacionados