How to understand HTML5 inline framework iFrame

This article shows you how to understand the HTML5 inline framework iFrame, the content is concise and easy to understand, can definitely brighten your eyes, through the detailed introduction of this article, I hope you can get something.

Since frame and frameset are rarely used nowadays, they are out of date and have been replaced by div+CSS, so here is just an example of the inline framework iFrame that is still in use today.

The so-called iFrame inline framework, my understanding is to nest a web page inside the web page, and can be nested level by level.

Examples are as follows:

/ *

The example consists of index.html and iframe1.html, iframe2.html and iframe3.html

, /

First on an effect picture, the picture is followed by the complete code.

After clicking

The complete code is as follows

Index.html

XML/HTML Code copies content to the clipboard

Index index czp_2016 blog

Iframe1.html

XML/HTML Code copies content to the clipboard

Iframe1 iFrame1 czp_2016 blog

Iframe2.html

XML/HTML Code copies content to the clipboard

Iframe2 iFrame2 czp_2016 blog

Iframe3.html

XML/HTML Code copies content to the clipboard

Iframe3 iFrame3 czp_2016 blog

It seems that the mainstream websites do not adopt this layout, and the scope of application is relatively small.

The above content is how to understand the HTML5 inline framework iFrame, have you learned the knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.