XHTML: Frame structure tag

XHTML: Frame structure tag

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>
<framesetrows="25%,75%">
<framesrc="1.html"/>
<framesrc="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 <br /> This tag will only work when the browser does not support the frame structure. Since almost all netizens' 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:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<<:  Use docker to build kong cluster operation

>>:  JavaScript Factory Pattern Explained

Recommend

MySQL 8.0.12 winx64 decompression version installation graphic tutorial

Recorded the installation of mysql-8.0.12-winx64 ...

Use VSCode's Remote-SSH to connect to Linux for remote development

Install Remote-SSH and configure it First open yo...

Detailed explanation of SELINUX working principle

1. Introduction The main value that SELinux bring...

Reasons why MySQL 8.0 statistics are inaccurate

Preface Whether it is Oracle or MySQL, the new fe...

Simple implementation of mini-vue rendering

Table of contents Preface Target first step: Step...

Detailed explanation of the use of Vue h function

Table of contents 1. Understanding 2. Use 1. h() ...

JavaScript to implement input box content prompt and hidden function

Sometimes the input box is small, and you want to...

Implementation of TypeScript in React project

Table of contents 1. Introduction 2. Usage Statel...

User needs lead to marketing-oriented design

<br />For each of our topics, the team will ...

How to migrate the data directory in mysql8.0.20

The default storage directory of mysql is /var/li...

W3C Tutorial (1): Understanding W3C

W3C, an organization founded in 1994, aims to unl...

Analyze how a SQL query statement is executed in MySQL

Table of contents 1. Overview of MySQL Logical Ar...