简介
iframe作为HTML标签使用,iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
简单来说,iframe能够将网页插入到另一个网页中。
现在已逐步被ajax所代替。
使用方法
<body>
<iframe src="https://blog.csdn.net/weixin_50580285/article/details/117792145?spm=1001.2014.3001.5501"
frameborder="0" width="100%" height="700px"></iframe> //src网页地址
</body>
属性
优点
1.iframe能将一个网页作为一部份嵌套在另一个网页中。
2.如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷。(方便后期修改维护
)
3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用。( 增加了代码的复用性。
)
4.如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决。
缺点
1.会产生很多页面,不容易管理。
2.iframe框架结构有时会让人感到迷惑,如果框架个数多的话,可能会出现上下、左右滚动条,会分散访问者的注意力,用户体验度差。(布局混乱,用户体验感较差。
)
3.代码复杂,无法被一些搜索引擎索引到,这一点很关键,现在的搜索引擎爬虫还不能很好的处理iframe中的内容,所以使用iframe会不利于搜索引擎优化。
4.很多的移动设备(PDA 手机)无法完全显示框架,设备兼容性差。
5.iframe框架页面会增加服务器的http请求,对于大型网站是不可取的。(会增加服务器的http请求,加重服务器负载。
)