`

iframe 和 frame的区别,div和frame的区别

 
阅读更多

框架和iframe的应用领域不同。  
   
  框架一般应用于首页的界面排版工作。把一个网页切割成多个页面管理。  
   
  iframe就是在一个网页中内嵌一个网页,为什么要嵌入那就要具体问题具体分析了。  
  有可能是为了界面排版,也有可能是显示数据...   ...  

 

frame文件一般只包含框架的布局信息,不会包含其他内容,所有的页面效果都是在各个frameset页面内显示。他们都从属于frame文件,彼此之间是独立的(平级的)  
   
  而iframe其实就是内嵌的框架,是在一个网页(经常是有内容的)内嵌套另外一个页面的内容用的,他们之间的关系是父子的关系

 

 

 iframe的优点和缺点?

请大家进来讨论一下好吗
对了  与frame相比呢??   
优缺点在哪?

 

IFrame 是 SEO 的大忌,需要更有效的利用 IFrame。

IFrame 优点:有利于下载缓慢的广告等第三方内容,安全沙箱,并行下载脚本

IFrame 缺点:即使为空也会有较大资源消耗,会阻止页面的onload,非语义

 

 

个人理解为:
frame需要框架页和子页,在使用frame是,框架页只是定义框架的结构,不显示内容。
iframe只是在页面上内嵌一个子页。父页中可以包括内容。

优缺点在于frame对各个子页的功能区分比iframe中的子页的功能要明确很多,结构性好。
iframe不需要另外的页面来定义框架结构,灵活性高。

 

我基本同样楼上的说法。
IFRAME有个缺点是低版本的浏览器不支持,好像IE5.0就不行

 

 

<!-- google_ad_section_start -->
用DIV可以将网页分成若干的层,起到布局的作用。
但是用FRAME也可以在一个页面内创建不同的帧。看上去似乎也有布局的作用。

用DIV可以将网页分成若干的层,起到布局的作用。
但是用FRAME也可以在一个页面内创建不同的帧。看上去似乎也有布局的作用。

div是当前html页的固有元素,Iframe是外部html的调用,相当于内嵌。
div是用来组织结构的,IFrame是拿来引用外部HTML的,相当于服务器端的SSI,可以叫CSI,呵呵。

 

分享到:
评论

相关推荐

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    总结来说,实现"多个iframe,显示其中一个frame中的div,并处于最上层显示"的功能,涉及了HTML的`iframe`标签、CSS的`z-index`属性、JavaScript的`postMessage`通信以及动态创建和操作DOM元素的技巧。通过这些技术,...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的...通过了解这些知识点,开发人员可以更加灵活地处理DIV和IFRAME在页面布局中可能出现的遮挡问题,提高页面的用户体验。

    div覆盖 iframe

    在IT行业中,网页布局和页面嵌套经常涉及到各种技术,如`div`和`iframe`。标题"div覆盖iframe"暗示了一个应用场景,即利用`div`元素覆盖在`iframe`之上,实现特定的页面展示效果。`div`是HTML中的一个基础容器元素,...

    多个iframe,其中一个的div能够处于最上层显示

    若要使某个 `iframe` 中的 `div` 显示在其他 `iframe` 之上,我们必须同时调整 `iframe` 和其内的 `div` 的 `z-index`。 步骤如下: 1. 首先,为包含需要置于最上层的 `div` 的 `iframe` 添加一个唯一的 ID,例如 ...

    可爱的iframe+div

    在IT行业中,网页开发是一项核心技能,而"可爱的iframe+div"这个主题涉及到的是如何巧妙地结合HTML的iframe元素和div元素来实现特定的布局或功能。在这个标题中,“可爱”可能指的是设计上的吸引人或者功能上的巧妙...

    html div+Iframe

    在Web开发中,`div`通常用作容器,用于组织和控制页面布局,而`iframe`则允许我们在一个页面中嵌入另一个独立的网页或者任何其他可网页化的资源。 ### `div`元素详解 `div`(division)是一个块级元素,它的主要...

    javascript 关闭iframe外层的div容器

    在JavaScript编程中,有时我们需要处理嵌入在页面中的`iframe`元素,并可能需要与外部页面交互,例如关闭`iframe`外部的某个`div`容器。这个需求通常出现在弹窗或者模态框的场景中,`iframe`用于承载特定的内容,而...

    以div代替frameset,用css实现仿框架布局

    如果需要实现类似`frameset`的交互效果,可以结合`div`和`iframe`一起使用。 总的来说,通过熟练运用`div`和CSS,我们可以创建出与`frameset`类似甚至更灵活的布局,同时避免了`frameset`带来的问题。这要求开发者...

    div+js模拟iframe实现左右框架.rar

    针对这些问题,我们可以采用`div`结合`CSS`和`JavaScript`来模拟`iframe`的效果,以提供更灵活和优化的用户体验。 首先,我们来看`div`。`div`是HTML中的一个块级元素,它本身没有任何特定的样式,但可以通过`CSS`...

    用DIV模拟Frame的静态页面的实现

    标题“用DIV模拟Frame的静态页面的实现”指的是在网页设计中不使用HTML的`&lt;frameset&gt;`或`&lt;iframe&gt;`元素,而是通过CSS和JavaScript技术来创建类似框架的效果。这种做法可以避免传统Frame带来的问题,如SEO优化困难、...

    Div iFrame 做的面向对象小窗口

    通过综合运用 `Div` 和 `iFrame`,我们可以创建出具有丰富交互和定制功能的面向对象小窗口,为用户提供更高效、便捷的网页体验。在实际开发中,应根据项目需求和用户习惯进行细致的设计和实现。

    解决iframe中fixed失效的问题

    这通常与浏览器的渲染机制和 `iframe` 的跨域限制有关。本文将深入探讨这个问题,并提供解决方案。 首先,`position: fixed;` 是CSS定位属性之一,它可以使元素相对于浏览器窗口进行定位,无论滚动条如何移动,元素...

    iframe_div

    标题中的“iframe_div”可能指的是一个HTML元素的组合,其中`iframe`是内联框架(Inline Frame)元素,常用于在网页中嵌入另一个网页或任何可渲染的Web内容。而`div`则是HTML中的一个通用容器元素,用于组织页面布局...

    iframe框架中实现打开多窗口方法

    在实际应用中,为了确保兼容性和用户体验,开发者需要注意不同浏览器对`frameset`和`iframe`的支持情况。此外,随着现代Web开发技术的发展,使用单页应用(SPA)和动态加载技术,可能提供更高效和用户友好的解决方案...

    iframe弹出窗

    这种技术结合了`iframe`元素和自定义的对话框(dialog)设计,通常由`div`元素构建,并通过JavaScript或者jQuery等库来控制其行为。下面我们将深入探讨`iframe`、`div`以及`dialog`的相关知识点。 **1. iframe...

    iframe标签实现pdf预览功能

    在本篇文章中,我们将深入探讨如何使用`iframe`标签结合Vue和React框架来实现在网页中预览PDF文件。 首先,`iframe`标签的基本用法如下: ```html &lt;iframe src="path_to_your_pdf.pdf" width="100%" height="500"&gt;...

    div ,frame等空间的透明实现代码

    在实际应用中,可能需要考虑使用`iframe`替代`frame`,因为`iframe`具有更广泛的浏览器支持和更多的功能。 在处理透明度时,还可以使用CSS的`opacity`属性来控制元素的整体透明度,而不是仅仅背景颜色。例如,将`...

    div层跨越iframe帧显示在上面的解决方法附代码

    `div` 用于创建块级元素,常用于布局和样式控制,而 `iframe`(Inline Frame)则用于嵌入另一个HTML文档到当前页面中,实现页面内容的组合或者加载外部资源。然而,当一个 `div` 层位于一个 `iframe` 之上时,可能会...

    嵌入到HTML的iframe自动适应大小

    在探讨“嵌入到HTML的iframe自动适应大小”的主题时,我们...此外,随着现代前端框架和库的兴起,如React或Vue,它们往往提供了更高级的组件封装和生命周期管理机制,使得iframe的自适应逻辑可以更加简洁高效地实现。

    完全搞定iframe(框架)里的滚动条.doc

    iframe,即内联框架(Inline Frame),是一种HTML标签,允许网页中嵌入另一个网页。它主要用于将其他网页的内容嵌入到当前页面中,实现内容的集成。iframe的使用非常广泛,尤其是在构建复杂的网页布局时。 #### ...

Global site tag (gtag.js) - Google Analytics