网页中嵌套 iframe 优缺点_软件运维

iframe是一种框架，也是一种很常见的网页嵌入方式

iframe的优点：

1.iframe能够原封不动的把嵌入的网页展现出来。

2.如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。

3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。

4.如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决唯皮。

iframe的缺点：

1.会产生很多页面，不容易管理。

2.iframe框架结构有时会让人感到晌山旁迷惑，如果框架个数多的话，可能会出现上下、左右滚动条，会分散访问者的注意力，用户体验度差。

3.代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引宴橡擎爬虫还不能很好的处理iframe中的内容，所以使用iframe会不利于搜索引擎优化。

4.很多的移动设备（PDA 手机）无法完全显示框架，设备兼容性差。

5.iframe框架页面会增加服务器的http请求，对于大型网站是不可取的。

分析了这么多，现在基本上都是用Ajax来代替iframe，所以iframe已经渐渐的退出了前端开发

先来看看百度百科对于iframe标签元素的介绍！都是比较详细，接着就是实际的应用了！

新建一个记事本文件，并将它重命名为.html文件，添加必要的<html><body>标签，为了便于说明，同时添加<head>和<title>，将标题改名为iframe元素标签的使用早侍！

在<body>中添加iframe，ulr为你要嵌套网页的地址，需要带上http的，由于经验不上陆陵吵带有网址，不演于演示，width，height为所占用的宽度和高度，以百度首页为例，当然嵌套两个网页也是可以的!

当然嵌套两个网页或者多个网页也是可以的，高度和宽度都可以自行设置！

再看其他的比较常用的可选属性，如name，通过对定义好的名字，就指定框架页面进行跳转！

至于其他可选属性，就不再汪宽一一举例，看看解析，再试验一下就清楚了，如scrolling="no"就是不显滚动条，align控制框架的对齐方式等等，用法都差不多！

源代码：

<html>

<head>

<title>iframe元素标签的使用</title>

<body>

<a href="url" target="iframe1">跳转到百度经验</a><br/>

</body>

</head>

</html>

用iframe框架，嵌套一个网页进去即可实现旦悉升；很简单的； iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。以下是iframe的属性、值、模老描述 align leftrighttopmiddlebottom 不赞成使用。陆老请使用样式代替。规定如何根据周围的元素来对齐...

欢迎分享，转载请注明来源：内存溢出

网页中嵌套 iframe 优缺点