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

Understanding v-bind in vue

Table of contents 1. Analysis of key source code ...

In-depth analysis of MySQL execution plans

Preface In the previous interview process, when a...

A simple method to be compatible with IE6's min-width and min-height

If a website is widescreen, you drag the browser ...

Do not start CSS pseudo-class names with numbers

When newbies develop div+css, they need to name t...

How to create a web wireframe using Photoshop

This post introduces a set of free Photoshop wire...

Use of Zabbix Api in Linux shell environment

You can call it directly in the Linux shell envir...

SQL implementation LeetCode (176. Second highest salary)

[LeetCode] 176. Second Highest Salary Write a SQL...

A brief discussion on the application of Html web page table structured markup

Before talking about the structural markup of web...

MySQL 8.0.15 compressed version installation graphic tutorial

This article shares the installation method of My...

JS generates unique ID methods: UUID and NanoID

Table of contents 1. Why NanoID is replacing UUID...

CentOS 7.5 deploys Varnish cache server function

1. Introduction to Varnish Varnish is a high-perf...

Installation tutorial of MySQL 5.7 green version under windows2008 64-bit system

Preface This article introduces the installation ...

How to configure environment variables in Linux environment

JDK download address: http://www.oracle.com/techn...