The difference between the "HTML" frame and the IFRAME

Source: Internet
Author: User

1, frame can not be separated from frameset alone, IFRAME May;

2, frame can not be placed in the body, as shown below:
<!--<body>-->
<frameset rows= "50%,*" >
<frame name= "frame1" src= "test1.htm"/>
<frame name= "frame2" src= "test2.htm"/>
</frameset>
<!--<body>-->

The following does not display properly:
<body>
<frameset rows= "50%,*" >
<frame name= "frame1" src= "test1.htm"/>
<frame name= "frame2" src= "test2.htm"/>
</frameset>
<body>

3, nested in the frameset of the IFRAME must be placed in the body, the following can be displayed as normal:
<body>
<frameset>
<iframe name= "frame1" src= "test1.htm"/>
<iframe name= "frame2" src= "test2.htm"/>
</frameset>
</body>
The following does not display properly:

<!--<body>-->
<frameset>
<iframe name= "frame1" src= "test1.htm"/>
<iframe name= "frame2" src= "test2.htm"/>
</frameset>
<!--</body>-->


4, not nested in the frameset of the IFRAME can be used freely;
The following can be displayed as normal:
<body>
<iframe name= "frame1" src= "test1.htm"/>
<iframe name= "frame2" src= "test2.htm"/>
</body>


<!--<body>-->
<iframe name= "frame1" src= "test1.htm"/>
<iframe name= "frame2" src= "test2.htm"/>
<!--</body>-->


5, frame height can only be controlled by frameset, IFrame can control itself, not through frameset control, such as:

<!--<body>-->
<frameset rows= "50%,*" >
<frame name= "frame1" src= "test1.htm"/>
<frame name= "frame2" src= "test2.htm"/>
</frameset>
<!--</body>-->

<body>
<frameset>
<iframe height= "30%" name= "frame1" src= "test1.htm"/>
<iframe height= "" Name= "frame2" src= "test2.htm"/>
</frameset>
</body>


6, if the same page using more than two iframe, in IE can display normally, in Firefox can only show the first; use more than two frame in IE and Firefox can be normal

The above code is tested in IE7 and firefox2.0.

In addition related forums steal summary:-)
The 1Frame and IFRAME functions are basically the same, but the IFRAME has more flexibility than frame.
Frame is the framework of the entire page, the IFRAME is an inline page element, or it can be said to be an inline frame

An IFRAME tag is also called a floating frame marker, which can be used to embed an HTML document in an HTML display. The biggest difference between it and the Frame tag is that the embedded <Iframe></Iframe> content in the Web page is a whole, and <Frame></Frame> contains content that is a separate entity. , it can be displayed independently. In addition, the application IFRAME can display the same content multiple times on the same page without having to repeat the code for that piece of content.

2iframe can be placed inside the table. Frame is not.
<table>
<tr>
<td><iframe id= "" src= "" ></iframe></td><td></td>
</tr>
</table>

3frame must be in frameset.
and frameset can not coexist with the BODY element, it is said that there are frameset elements of the document can only be a frameset, there is no other stuff

4IFrame is anywhere on the web.
But frame can only be placed up and down in four directions.

5iframme is the active frame
and frame is a non-active frame
The IFRAME uses the following method
<iframe scr= "sourcefile" frameborder=0 width= "width" height= "height" ></iframe>
The IFRAME is more flexible and does not require frame so much attention.
And the location can be set on its own
IFrame is embedded, more flexible, but there are bad places, is the location in different browsers and resolutions may be different, sometimes will be good page deformation

There's no such restriction on IFRAME.

6iframe can be added anywhere in the Web page.
Frame pages are usually made of frames
An IFRAME is a child frame in a Web page, and a parent-child relationship between two pages

Frame is a framework, consisting of multiple, parallel pages
Upstairs, the IFRAME is floating. It's like a floating panel, and the frame is fixed. Only in four directions.
You can use it directly on the page to see the effect.


7<iframe> is an element that is embedded in a Web page, and <frame> is used to compose multiple frames of a page!
IFrame more conducive to layout design
Frame a straight one vertical not beautiful
The frame of the line can also be removed yo! Only, the IFRAME is more convenient for the exchange of data it!
The IFRAME can be placed anywhere you want, and it's easier to control than frame.

8iframe is an internal frame, can be embedded in a page, set the internal frame of the properties can make the whole look like a complete page, rather than a number of pages, frame has the benefits of frame, than how many sites, put ads on the top, left menu, the right side of the content, So the top and left content can not move, just refresh the content of the right page, select the IFRAME or frame to fully see their own needs.

To put it bluntly, an IFRAME is less than a file (FrameSet) with a frame, but the browser that supports frame is more.

I do for my company's website, the entire use of Iframe,linux with the browser is not supported, ah, ugly ah, but I still like to use the IFRAME

There are also IFRAME can be placed in the table, and then ifame set to width=100% height=100%
I can just modify the width and height of my table so that it facilitates typesetting

In fact, frame is a control
Use the same method as Panle.

A frame is a page that divides a page into multiple pages. It's going to have a frameset page frameset
An IFRAME is a floating frame that adds a page to your page,

<frame> used to cut a page sideways or vertically,
<iframe> A small window to insert a rectangle in the page

Frame is typically used to set the page layout, dividing the entire page into rules, each containing a new page.
The IFRAME is used to insert a new page anywhere on the page.

Therefore, frame is used to control the page format, such as a book, the left is the chapter directory, the right is the text, the text is very long, look at the time to drag, but do not want to drag the directory is not open. So it's best to divide the page into 2 pages of rules, one left and one right.

The IFRAME is more flexible and does not require the entire page to be divided, and you can embed the new page in an IFRAME anywhere on the page.

Personally, I think:
<frame> for full page
<iframe> only for Local

Objects for IFRAME and frame: http://www.runoob.com/jsref/dom-obj-frame.html

Frameset object: http://www.runoob.com/jsref/dom-obj-frameset.html

Original link: http://blog.csdn.net/lyr1985/article/details/6067026

The difference between the "HTML" frame and the IFRAME

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.