深入剖析HTML5 内联框架iFrame

作者：佚名字体：[增加减小] 来源：互联网时间：2017-08-06

本文主要包含HTML5,内联框架,iFrame等相关知识,佚名希望在学习及工作中可以帮助到您

由于现在frame和frameset很少使用，已经过时了，已经被div+CSS代替了，所以，这里只是举例说明一下，当下还在使用的内联框架iFrame

所谓的iFrame内联框架，我的理解就是在网页内部嵌套一个网页，并且可以一级一级地嵌套下去。

示例如下：

/*

示例由index.html和iframe1.html、iframe2.html、iframe3.html组成

*/

先上一张效果图，图片后面是完整代码。

点击后

完整代码如下

index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
index
<a href="http://www.cnblogs.com/czp2016/" frameborder="1">czp_2016のblog</a>
<br/>
<iframe src="iframe1.html" frameborder="1" width="800px" height="800px"></iframe>
</html>

iframe1.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iframe1</title>
</head>
<body bgcolor="red">
iFrame1
<a href="http://www.cnblogs.com/czp2016/" frameborder="1">czp_2016のblog</a>
<br/>
<iframe src="iframe2.html" frameborder="0" width="600px" height="600px"></iframe>
</body>
</html>

iframe2.html

<!DOCTYPE html

您可能想查找下面的文章:

相关文章

2018-12-03借助HTML5 Canvas API制作一个简单的猜字游戏_html5教程技巧
2018-12-03为什么移动平台还是 Native 更流行，较少 HTML5 应用？
2017-08-06Canvas与Image互相转换示例代码
2018-12-03有关HTML5页面在iPhoneX适配问题
2018-12-03HTML5拖拽文件到浏览器并实现文件上传下载功能代码_html5教程技巧
2018-12-03想学着自己造轮子，该怎样入手？
2018-12-03 html5入门之设计原理解析
2017-08-06Html5 Geolocation获取地理位置信息实例
2018-12-03HTML5调用百度地图API获取当前位置并直接导航目的地的方法
2018-12-03HTML中fieldset标签概述及使用方法_html5教程技巧