通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面, 提示:HTML 与 XHTML 之间的差异:在HTML4.1 Strict DTD和XHTML1.0 Strict DTD中,不支持iframe元素,可以把需要的文本放置在和之间,这样就可以应对无法理解iframe的浏览器。
iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容,为了更好的效果,可能需要使iframe透明效果,那么就需要了解更多的iframe属性。
iframe语法:
该URL指向不同的网页。
iframe 的常用属性:
name : 规定 的名称。
width:规定 的宽度。
height :规定 的高度。
src :规定在 中显示的文档的 URL。
frameborder :规定是否显示 周围的边框。(0为无边框,1位有边框)。
align :规定如何根据周围的元素来对齐 。 (left,right,top,middle,bottom)。
scrolling :规定是否在 中显示滚动条。(yes,no,auto)。
Iframe - 设置高度与宽度
height 和 width 属性用来定义iframe标签的高度与宽度。
属性默认以像素为单位, 但是你可以指定其按比例显示 (如:“80%”)。
Iframe - 移除边框
frameborder 属性用于定义iframe表示是否显示边框。
设置属性值为 “0” 移除iframe的边框:
使用iframe来显示目标链接页面
iframe可以显示一个目标链接的页面
目标链接的属性必须使用iframe的属性,如下实例:
iframe 的优缺点
优点:
重载页面时不需要重载整个页面,只需要重载页面中的一个框架页(减少数据的传输,减少网页的加载时间);
技术简单,使用方便,主要应用于不需要搜索引擎来搜索的页面;
方便开发,减少代码的重复率(比如页面的header,footer);
缺点:
会产生很多的页面,不易于管理;
不易打印;
浏览器的后退按钮无效等;
HTML iframe 标签
定义一个内联的iframe