). Take two subframes as an example: rows="30%,*" means the first frame takes up 30% of the height of the entire page, and the second takes up the rest; cols: means the subframes are laid out in columns (
). Take two sub-frames as an example: cols="30%,*" means that the first frame takes up 30% of the length of the entire page, and the second takes up the rest; noresize="noresize" means that the range of the sub-frame will not be adjusted.
The difference between HTML iframe and frameset_PowerNode Java Academy
|
Introduction 1.<iframe> tag: iframe is an inline frame that generates an internal frame in the page. 2. <frameset> tag: frameset defines a frame set, which contains multiple sub-frames, each of which has an independent document. <iframe> Tag Iframe is an inline frame, which generates an internal frame in the page. <iframe></iframe> property frameborder{int}: whether to display the frame border; src{URL}: specifies the URI of a resource (such as a web page or image); scrolling{boolean}: whether to display the scroll bar of the frame; width{int}: defines the width of the iframe; height{int}: defines the height of the iframe; Example <body> <h3>HTML Tag Demonstration</h3> <iframe src=1.1-ShowHtml.htm ></iframe> </body>
Precautions When adding content in "<iframe>I am content</iframe>", the added content will not be displayed on the display page. So let's use the src attribute to specify a page. Application Scenario 1) On the version upgrade page, if there are too many version logs, the upgrade information can be placed in an iframe. 2) Rich text editing box, such as the [New Essay] area in Blog Garden. <frameset> Tag Frameset defines a frame set, which contains multiple frames, each of which has an independent document. Format <frameset> <frame src=a.htm /> <frame src=b.htm /> <noframes></noframes> </frameset> Sub-item Description <framesrc=a.htm />: Subframe<noframes></noframes>: Content displayed when the browser does not support this frame. property frameset attributes: rows: indicates that the subframe is laid out in rows ( frame attribute: src: URI pointing to a resource (such as a page, picture, etc.); name: Specifies the name of the frame to facilitate operations between frames. Example
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>frameset demo</title>
</head>
<frameset rows="30%,*" noresize="noresize">
<frame src=DateGrid.htm name="frm1" />
<frame src=Dialog.htm name="frm2"/>
<noframes></noframes>
</frameset>
</html>Precautions When using the frameset tag, be sure to remove the outer <body></body> tags. Operations between subframes Referring to the sample code, frm1 changes the page pointed to by the subset of frm2: Application Scenario 1) Management of the background page, the menu is displayed on the left, and the detailed page is displayed in the right frame. 2) Function menu page, such as bbs.csdn.net Quick Facts When browsing the frames in a page, right-click inside the frame page to display additional frame information. Take Chrome as an example:
|
<<: Solve the problem of not being able to enter breakpoints when using GDB in Docker
>>: MySQL Flush-List and dirty page flushing mechanism
Recommend
Example code for realizing charging effect of B station with css+svg
difficulty Two mask creation of svg graphics Firs...
How to configure jdk environment under Linux
1. Go to the official website to download the jdk...
JavaScript pre-analysis, object details
Table of contents 1. Pre-analysis 1. Variable pre...
MySQL quickly inserts 100 million test data
Table of contents 1. Create a table 1.1 Create te...
Detailed explanation of Nginx regular expressions
Nginx (engine x) is a high-performance HTTP and r...
Vue implements image drag and drop function
This article example shares the specific code of ...
MySQL Order By Multi-Field Sorting Rules Code Example
Say it in advance On a whim, I want to know what ...
The easiest way to install MySQL 5.7.20 using yum in CentOS 7
The default database of CentOS7 is mariadb, but m...
Tomcat8 uses cronolog to split Catalina.Out logs
background If the catalina.out log file generated...
Sample code for implementing DIV suspension with pure CSS (fixed position)
The DIV floating effect (fixed position) is imple...
A brief introduction to the command line tool mycli for operating MySQL database
GitHub has all kinds of magic tools. Today I foun...
Solution to the problem that directly setting the width and height of a hyperlink does not work
It is not possible to use width and height directl...
Vertical and horizontal splitting of MySQL tables
Vertical Split Vertical splitting refers to the s...
Several ways to clear arrays in Vue (summary)
Table of contents 1. Introduction 2. Several ways...
Docker Nginx container and Tomcat container to achieve load balancing and dynamic and static separation operations
Download Tomcat8 image [root@localhost ~]# docker...