HTML内联框架iframe

柔光的暖阳◎ 2022-03-08 07:20 284阅读 0赞

## 什么是 iframe？ ##

iframe 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

## iframe 基本用法 ##

<iframe src="index.html"></iframe>

## iframe 适用范围 ##

*  所有的主流浏览器都支持iframe标签。

> 可以把提示的文字放到iframe标签里面，这样不支持 iframe的浏览器就会出现提示的文字。

<iframe src="index.html" ><p>你的浏览器不支持iframe标签</p></iframe>

## iframe 的一些用法 ##

1.  长轮询
2.  跨域通信
3.  实现无刷新文件上传
4.  广告
5.  开发网页公用的模块（比如页面的header，footer）

## iframe 的常用属性 ##

*  name ： 规定 iframe 的名称。
 *  width： 规定 iframe>的宽度。
 *  height ：规定 iframe 的高度。
 *  src ：规定在 iframe 中显示的文档的 URL。
 *  frameborder ： 规定是否显示 iframe 周围的边框。 (0为无边框，1位有边框)。
 *  align ：　 规定如何根据周围的元素来对齐 iframe (left,right,top,middle,bottom)。
 *  scrolling ： 规定是否在 iframe 中显示滚动条。 (yes,no,auto)

## iframe 的安全性 ##

1.  iframe别人的网页。
2.  自己的网页被别人iframe,被钓鱼网站利用等

## iframe 的优缺点 ##

### 优点： ###

*  重载页面时不需要重载整个页面，只需要重载页面中的一个框架页（减少数据的传输，减少网页的加载时间）
 *  技术简单，使用方便，主要应用于不需要搜索引擎来搜索的页面
 *  方便开发，减少代码的重复率

### 缺点： ###

*  会产生很多的页面，不易于管理
 *  不易打印
 *  多框架的页面会增加服务器的http请求
 *  浏览器的后退按钮无效等
 *  阻塞页面加载
 *  过于消耗性能，对于搜索引擎 搜索也不利

发表评论取消回复

表情：

评论列表（有 0 条评论，284人围观）

还没有评论，来说两句吧...

相关阅读

相关详解HTML内联标签iframe的使用

Iframe内联框架 iframe是HTML标签，它可以把一个网页的框架和内容，嵌入在现有的网页中，也就是说，我们可以在自己的网页中加载别人的网站，当然，iframe标签

淡淡的烟草味﹌/ 2023年10月08日 21:22/ 0 赞/ 3 阅读

相关 iframe 内联加载

简介： iframe 内联加载，通过iframe特性，加载网页到当前网页中  <div class="panel pan

梦里梦外;/ 2023年09月26日 17:19/ 0 赞/ 121 阅读

相关 html块状元素和内联元素_如何在HTML中使用内联和块元素

html块状元素和内联元素 [How To Build a Website With HTML][] [如何使用HTML构建网站][How To Build a Websit

小咪咪/ 2022年11月28日 15:23/ 0 赞/ 243 阅读

相关 HTML5内联SVG

1.SVG是可伸缩矢量图形（Scalable Vector Graphics）,用于定语网络的矢量图形，使用XML格式定义图形，图像在放大或改变尺寸的情况下其图形质量不会有损失

梦里梦外;/ 2022年08月23日 09:57/ 0 赞/ 209 阅读

相关 iframe内联框架

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。注：是HTML5 中的新属性。 <table style="margin:10px 0px 0px

落日映苍穹つ/ 2022年08月19日 08:47/ 0 赞/ 161 阅读

相关 HTML块元素与内联元素

HTML块元素和内联元素【1】块元素在浏览器显示的时候，通常是会以新行来开始和结束。这样子的块级元素，会自动占据一定的行空间，因此它是可以控制来设置高度，宽度，内外边距

╰半橙微兮°/ 2022年07月14日 13:06/ 0 赞/ 257 阅读

相关 HTML内联框架iframe

什么是 iframe？ iframe 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 iframe 基本用法 <ifra

柔光的暖阳◎/ 2022年03月08日 07:20/ 0 赞/ 285 阅读

相关 HTML5 内联 SVG(八)

什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用

冷不防/ 2022年01月09日 22:13/ 0 赞/ 270 阅读

相关 html 内嵌标签iframe

内嵌标签:在当前网页内加载另一个网页的资源，多个网页互不干扰 <iframe></iframe> 属性: src

系统管理员/ 2021年07月24日 22:10/ 0 赞/ 470 阅读

相关 HTML 块级元素和内联元素

块级元素一般当做容器使用，既可以容纳内联元素也可以容纳块级元素，例如div和p。默认状态下，块级元素总是占据一整行，除非使用CSS控制。使用display:inlin...

小灰灰/ 2020年05月16日 19:11/ 0 赞/ 806 阅读