html <iframe>介绍
2024-10-12 21:16:41
iframe 元素会创建包含另外一个文档的内联框架
属性 | 值 | 描述 |
---|---|---|
align | left、right、top、middle、bottom | 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。 |
frameborder | 1、0 | 规定是否显示框架周围的边框。 |
height | pixels、% | 规定 iframe 的高度。 |
longdesc | URL | 规定一个页面,该页面包含了有关 iframe 的较长描述。 |
marginheight | pixels | 定义 iframe 的顶部和底部的边距。 |
marginwidth | pixels | 定义 iframe 的左侧和右侧的边距。 |
name | frame_name | 规定 iframe 的名称。 |
scrolling | yes、no、auto | 规定是否在 iframe 中显示滚动条。 |
src | URL | 规定在 iframe 中显示的文档的 URL。 |
width | pixels、% | 定义 iframe 的宽度。 |
<iframe src="..url.." width="20%", height="40%">脚本之家使用框架技术,但是浏览器不支持,请升级浏览器</iframe>
iframe和frame的区别
frame不能脱离frameset单独存在而iframe可以
frame不能放置在body中
<frameset rows="50%,*">
<frame name="frame1" src="test1.htm"/>
<frame name="frame2" src="test2.htm"/>
</frameset>
<body>
<frameset rows="50%,*">
<frame name="frame1" src="test1.htm"/>
<frame name="frame2" src="test2.htm"/>
</frameset>
<body>
嵌套在frameset中的iframe必须放在body中
<frameset>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</frameset>
<body>
<frameset>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</frameset>
</body>
不嵌套在frameset中的iframe可以随意使用
<body>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</body>
<!--<body>-->
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
<!--</body>-->
frame的高度只能通过frameset来进行控制,iframe的高度可以自己控制
<frameset rows="50%,*">
<frame name="frame1" src="test1.htm"/>
<frame name="frame2" src="test2.htm"/>
</frameset>
<body>
<frameset>
<iframe height="30%" name="frame1" src="test1.htm"/>
<iframe height="100" name="frame2" src="test2.htm"/>
</frameset>
</body>
*) frame是整个页面的框架,iframe是内嵌在网页中的元素,也称为内联框架
*) iframe可以放在表格里面,frame不行
<table>
<tr> <td><iframe id="" src=""></iframe></td><td></td> </tr>
</table>
*)frame必须在frameset里
而frameset不能与body元素共存,也就说有frameset元素的文档只能是一个框架集,不能有别的东东
*)iframe是放在网业的什么地方都行
但是frame只能放到上下左右四个方向
*) iframe 可以加在网页中任何一个地方。
而frame 通常做框架页
iframe是一个网页中的子框架,两网页间是父子关系
最新文章
- 在linux中设置静态ip地址
- Gym - 101102C
- Python 基礎 - 文件的操作
- android中的万能适配器BaseAdapter的总结
- gerrit 解决中文乱码相关配置(转载)
- gcc-4.8.3安装,gdb-7.6安装
- codeforces Gym 100187B B. A Lot of Joy
- EassyMock实践 捕获参数
- 广东省-IT红黑榜排名公司名称
- 使用C#和.NET 4编写的并行应用程序“多核并发编程的规则”
- ZOJ-2343-Robbers
- JavaScript 随机数相关算法
- BigDecimal(大浮点数)
- windows----------Windows10 远程桌面连接失败,报CredSSP加密oracle修正错误解决办法
- js&#183;&#183;&#183;DOM2动态创建节点
- Go语言类型的本质
- springMVC怎么接受前台传过来的多种类型参数?(集合、实体、单个参数)
- (转)C# System.Diagnostics.Process.Start使用
- MYSQL查询优化:使用索引
- js-ES6学习笔记-module(3)