内联框架

郝东的头像
郝东
189

HTMl <iframe> 标签用来定义一个内联框架,使用它可以将另一个网页嵌入到当前网页中。<iframe> 标签会在网页中定义一个矩形区域,浏览器可以在这个区域内显示另一个页面的内容。iframe元素会创建另外一个文档的内联框架(即行内框架)。

<iframe> 标签的语法格式如下:

<iframe src="url" width="m" height="n"></iframe>

<iframe> 标签在HTML5中使用的属性有:

height 像素 设置 <iframe> 的高度。
name text 设置 <iframe> 的名称。
sandbox ""、allow-forms、allow-same-origin、allow-scripts、allow-top-navigation 对 <iframe> 的内容定义一系列额外的限制。
seamless seamless 让 <iframe> 看起来像是父文档中的一部分(即没有边框和滚动条)。
src URL 设置要在 <iframe> 中显示的文档地址(URL)。
srcdoc HTML 代码 设置 <iframe> 中要显示的内容,该属性会覆盖 src 属性。
width 像素 设置 <iframe> 的宽度。

iframe的优点:
1.iframe能够原封不动的把嵌入的网页展现出来。
2.如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷。
3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用。
4.如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决。
iframe的缺点:
1.会产生很多页面,不容易管理。
2.iframe框架结构有时会让人感到迷惑,如果框架个数多的话,可能会出现上下、左右滚动条,会分散访问者的注意力,用户体验度差。
3.代码复杂,无法被一些搜索引擎索引到,这一点很关键,现在的搜索引擎爬虫还不能很好的处理iframe中的内容,所以使用iframe会不利于搜索引擎优化。
4.很多的移动设备(PDA 手机)无法完全显示框架,设备兼容性差。
5.iframe框架页面会增加服务器的http请求,对于大型网站是不可取的。

用户评论
评论列表