The difference between html iframe and frameset

Author：Eve Cole Update Time：2025-03-20 05:00:03

Brief introduction

1. <HTML "> Iframe> Tags: Iframe is an internal framework, which generates an internal framework on the page.

2. <Frameset> Tags: Frameset defines a framework set, which contains multiple sub -frames, and each framework has an independent documentation.

<iframe> tag

Iframe is an internal framework, which generates an internal framework on the page.

property

frameborder {int}: Whether to display the frame of the frame;

src {url}: specify the URI of a resource (such as web pages, pictures);

scrolling {boolean}: Whether to display the rolling bar of the frame;

width {int}: Define the width of iframe;

height {int}: Define the height of iframe;

Exemplary example

 <body> <H3> HTML Tag Demonstration </H3> <Iframe SRC = 1.1-Showhtml.htm> </iframe> </body>

Precautions

When <iframe> I add content in the content </iframe>, the content of the added page will not be displayed on the display page. So use the src attribute to specify a page.

Application scenarios

1) Edition upgrade page, too many version logs, you can put the upgrade information in an iframe.

2) Fortune editing box, such as the [New Essay] area in the Blog Park.

<frameset> label

Frameset defines a framework set that contains multiple frameworks, and each framework has an independent documentation.

Format

 <frameset> <frame src = a.htm /> <Frame src = b.htm /> <noframes> < /noFrames> < /Frameset>

Sub -explanation

<framesrc = a.htm />: Sub -frame <noframes> < /noFrames>: When the browser does not support this framework, it is displayed.

property

Frameset attribute:

ROWS: The layout of the sub -frame according to the line of line (). Taking two sub -frames as an example: ROWS = 30%,*, indicating that the first framework accounts for 30%of the entire page, and the second one occupies the remaining one; color: indicates the style layout of the columns of the sub -frame (). Taking 2 sub -frames as an example: COLS = 30%,*, indicating that the first framework accounts for 30%of the length of the entire page, and the second one occupies the remaining one; noresize = notSize: indicates the range of the sub -frames without adjusting.

Frame attribute:

SRC: URI that refers to a resource (such as pages, pictures, etc.);

name: Specify the name of the framework for operation between the framework.

Exemplary example

 <html xmlns = http://www.w3.org/1999/xhtml> <head> <Title> Frameset Demonstration </Title> </Head> <Frameset ROWS = 30%,* Noresize = Noresize> <Frame SRC = Dategrid.htm name = FRM1/> <Frame src = dialog.htm name = fRM2/> <nooframes> </noFrames> </frameSet> </html>

Precautions

When using a Frameset tag, pay attention to remove the <body> </body> tag of the outer layer.

Operation between sub -frames

Refer to the example code, FRM1 changes the pages pointed to the subset of FRM2: window.parent.frames[frm2].location.href = 'b.htm'

Application scenarios

1) The management of the background page, the menu on the left, and the detailed page on the right frame.

2) Function menu page, such as bbs.csdn.net

Little knowledge

When you browse the framework in the page, click right -click on the frame page, and there will be more framework information.

Take chrome as an example: