XHTML Getting Started Tutorial: Using the Frame Tag
|
<br />The frame structure allows several web pages to be displayed simultaneously on one page in the browser. We do not recommend using it to design websites. Frame structure tag <frameset></frameset> Frames allow you to open two or more pages within a single browser window. You can understand it this way: <frameset> is actually a big <table>, but the entire page is the main body of the <table>, and the content of each cell is an independent web page. Divide the frame into columns ("cols" and "rows" attributes) Since we say that the frame structure can be understood as a table with a web page as a cell, it must be divided into columns. The cols attribute divides the page into columns, and the rows attribute divides the page into rows. Let’s look at an example. <html> <frameset rows="25%,75%"> <frame src="1.html"/> <frame src="3.html"/> </frameset> </html> "rows="25%,75%" means that the page is divided into two rows, because it has two attribute values, and their sizes are 25% and 75% of the page height respectively. Click here to see the display effect of the above code. Frame tag <frame> The <frame> tag has been used in the above example, and its src attribute is the content to be displayed in this frame. The two frames in this example can be resized by dragging them apart. If you want them to be fixed in size, use the noresize="noresize" attribute. Note : The <frame> tag is an empty tag and needs to be added with a "/" to comply with XHTML requirements. About the <noframe> tag: This tag will only work when the browser does not support the frame structure. Since almost all Internet users' browsers now support the frame structure, we will not introduce this tag here. If you want to learn more about this, you can check out the HTML manual on the web. Framework and DTD The DTD of a frame page is different from that of a normal web page. The declaration method is as follows: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
<<: Summary of MySQL date and time functions (MySQL 5.X)
>>: JS implementation of carousel carousel case
Recommend
Zabbix's psk encryption combined with zabbix_get value
Since Zabbix version 3.0, it has supported encryp...
MySQL integrity constraints definition and example tutorial
Table of contents Integrity constraints Definitio...
Detailed explanation of this pointing problem in JavaScript
Preface The this pointer in JS has always been a ...
Pure CSS3 to achieve mouse over button animation Part 2
After the previous two chapters, do you have a ne...
Detailed explanation of the JVM series memory model
Table of contents 1. Memory model and runtime dat...
A brief discussion on common operations of MySQL in cmd and python
Environment configuration 1: Install MySQL and ad...
Detailed explanation of JavaScript operation mechanism and a brief discussion on Event Loop
Table of contents 1. Why is JavaScript single-thr...
Vue implements the right slide-out layer animation
This article example shares the specific code of ...
Using MySQL database with Python 3.4 under Windows 7
The detailed process of using MySQL database with...
CSS3 creates 3D cube loading effects
Brief Description This is a CSS3 cool 3D cube pre...
Summary of several implementations of returning to the top in HTML pages
Recently, I need to make a back-to-top button whe...
Node.js returns different data according to different request paths.
Table of contents 1. Learn to return different da...
Example code of javascript select all/unselect all operation in html
Copy code The code is as follows: <html> &l...
Native JavaScript implementation of progress bar
The specific code for JavaScript to implement the...
JS implements simple calendar effect
This article shares the specific code of JS to ac...