HTML4中,布局可以使用框架<frame>和<frameset>。由于框架对网页可用性存在负面影响,在HTML5中不再支持<iframe>和<framsest>,但保留了内联框架<iframe>。
<iframe>元素可以用来创建包含在另一个文档中的浮动窗口,称为内联框架或内嵌窗口等,简单讲就是在一个页面上开辟一个窗口,在这个窗口中可以嵌入显示其他的HTML文档,类似于“画中画”的感觉。
基本语法:
<iframe src="URL">...</iframe>
语法说明:
src属性用来指定在<iframe>中显示的文档URL。在HTML4中<iframe>标记有很多属性,但是在HTML5中仅仅支持src属性。
某些旧版浏览器可能不支持<iframe>元素开始和结束标记之间的内容。
本例在网页5-8-1.html中加入内联框架,嵌入网页5-8-2.html。
5-8-1.html代码如下:
<!DOCTYPE html>
<html>
<head>
<title>内联框架</title>
</head>
<body>
<h2>内联框架示例</h2>
<p>例5-8-1.html中内容</p>
<iframe class="s" src="5-8-2.html">
<a href="5-8-2.html">你的浏览器不支持内联框架iframe,请单击这里访问页面内容。</a>
</iframe>
</body>
</html>
5-8-2.html代码如下:
<!DOCTYPE html>
<html>
<head>
<title>嵌入的页面</title>
</head>
<body>
<h1>嵌入的页面</h1>
<p>例5-8-2.html的内容</p>
</body>
</html>
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>