位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

内联框架 HTML

提问人:刘团圆发布时间:2020-11-10

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>

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部