HTML内联框架iframe

柔光的暖阳◎ 2022-03-08 07:20 377阅读 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 条评论，377人围观）

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

相关阅读

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

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

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

相关 11-HTML学习-内联框架

这是一个新知识 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-

刺骨的言语ヽ痛彻心扉/ 2023年10月02日 18:31/ 0 赞/ 71 阅读

相关 iframe 内联加载

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

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

相关 html-iframe_HTML iframe

html-iframe iframe (Iframes) In HTML, iframes are used to display a webpage inside a

一时失言乱红尘/ 2023年03月05日 06:29/ 0 赞/ 41 阅读

相关 html-什么是内联框架

> 内联框架是在一个网页里显示其他的网页，就像网页之间的嵌套 <!DOCTYPE html> <html> <head> <meta c

ゝ一世哀愁。/ 2023年02月20日 12:29/ 0 赞/ 30 阅读

相关 HTML5内联SVG

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

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

相关 iframe内联框架

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

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

相关 HTML内联框架iframe

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

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

相关 HTML5 内联 SVG(八)

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

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

相关 html 内嵌标签iframe

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

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