<iframe> tag is used to embed additional webpages or files into the current webpage. To do this, the developer must specify the URL-address or the data URI in the
For example, you can embed an external HTML document as follows:
<iframe src="//static.base64.guru/uploads/html/welcome.html"> The “iframe” tag is not supported by your browser. </iframe>
The same can be achieved by encoding HTML to Base64 and embedding it using data URI:
<iframe src="data:text/html;base64,V2VsY29tZSB0byA8Yj5iYXNlNjQuZ3VydTwvYj4h"> The “iframe” tag is not supported by your browser. </iframe>
Both behaviors are identical — when you open the page, your browser renders the same HTML contents specified within
<iframe> tag. The difference is that in the first case the browser sends one HTTP request to fetch the external file, when in the second case the HTML document is already loaded in the browser’s memory and it does not need to send any HTTP requests.
Please note that Base64 Data URIs have some limitations. In addition, like almost any unconventional solutions, it has both advantages and disadvantages. Therefore, if you plan to use it, first of all, read about Base64 Data URI.