举例讲解HTML中iframe和frame的区别

不知道你在项目中用过frameset属性没有,frameset这个属性是在去年我在一个在线客服系统制作中用过,因为客服系统要有固定的布局,上面一块,下面一块等等,当时就是用的frameset和frame。在我用完了这些属性之后,我才明白了iframe和frame的区别。因为在这之前,我项目中一般不用框架,用的话也就是用到iframe。

下面说说其具体区别吧!总结了如下几点。

1、frame不能脱离frameSet单独使用,iframe可以;

2、frame不能放在body中;

如下可以正常显示:

立即学习“前端免费学习笔记(深入)”;

<!---->                            <!---->

登录后复制

如下不能正常显示:

                            

登录后复制

相反,假如iframe放在frameSet属性下面,则必需放在body中

                                    

登录后复制

3、iframe是一个html标签,在html中任何地方,都可以随意使用,而frame不可以。

                        

登录后复制                

而frame必须嵌套在frameSet中,且不能再table等标签中使用。

4、frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制

<!---->                            <!---->                                  

登录后复制

5、如果在同一个页面使用了两个以上的iframe,在IE中可以正常显示,在firefox中只能显示出第一个;使用两个以上的frame在IE和firefox中均可正常

更多举例讲解HTML中iframe和frame的区别相关文章请关注PHP中文网!


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2836340.html

(0)
上一篇 2025年3月9日 06:13:39
下一篇 2025年3月2日 10:22:36

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • HTML中三种定位relative,absolute,fixed后,盒子的百分比宽度及位置易错点

    1 . 相对定位relative:顾名思义,相对定位是相对于自己的位置来进行偏移,如下图:                    以盒子中心为基准,为每条边的正方向,例:       向右移动20px :  代码为left:20px;或者r…

    2025年3月9日
    200
  • Html 制作相册

    本文主要讲述采用html5+jquery+css 制作相册的小小记录。 主要功能点: Html5进行布局 调用jQuery(借用官网的一句话:The Write Less, Do More)极大的简化了JavaScript编程 CSS 样式…

    2025年3月9日
    200
  • 特殊字符html,css转义大全

    使用方法:  这些字符属于unicode字符集,所以,你的文档需要声明为utf-8; 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于html的,你需要在前面加上符号; 第二列可以用于css文件中,但是需要用反斜杠转义; 第二列也…

    编程技术 2025年3月9日
    200
  • 有关HTML表格边框的设置小技巧

    下面小编就为大家带来一篇有关html表格边框的设置小技巧。小编觉得挺不错的,现在分享给大家,也给大家做个参考 对于很多初学HTML的人来说,表格 是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。 一般我们用表格的时候总会给它个…

    2025年3月9日 编程技术
    200
  • 使用语义化标签去写你的HTML 兼容IE6,7,8

    下面小编就为大家带来一篇使用语义化标签去写你的html 兼容ie6,7,8。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧 HTML5增加了更多语义化的标签,如header,footer,nav……让我们在页面编…

    2025年3月9日
    200
  • HTML九宫格布局实现方法

    网站布局多样化是我们前端的拿手菜!最近看到uc浏览器的默认标签页使用的就是九宫格布局。就研究了下,在这里,我就分享一下代码,共同学习下!效果如下: nbsp;html>        全兼容的HTML九宫格布局            …

    2025年3月9日
    200
  • 一些HTML代码的编写风格建议小结

    省略资源文件的协议 建议省略掉图片, 媒体文件, 样式和脚本 URL 中的协议部分 (http:, https:), 省略掉协议部分后, 资源文件将继承页面 URL 的协议. 不但可以防止内容混用的问题, 还可以减小页面的尺寸. 比如: 引…

    2025年3月9日
    200
  • 详解HTML/XHTML中img图像标签的基本用法

     图像标签用于在网页里显示一副图像。 HTML/XHTML 图像 标签在 XHTML 中,通过 标签来定义显示一副图像。是一个非成对标签。 基本语法: 登录后复制登录后复制 标签 通过 src 属性来确定图像来源,url 是一个相对或者绝对…

    2025年3月9日
    200
  • html的footer置于页面最底部的简单实现方法

    需求:有时候,当页面内容较短,撑不开浏览器高度,但是又希望footer能在窗口最低端。 思路:footer的父层的最小高度是100%,footer设置成相对于父层位置绝对(absolute)置底(bottom:0),父层内要预留footer…

    编程技术 2025年3月9日
    200
  • 剖析标注HTML元素时class比id所具有的优势

    在网页中有很复杂的 html 结构,如果我们使用 css 来定义相关的样式,就需要为这些结构指定相应的标志,然后再编写相应的 css 选择器来获取他们赋予样式。最常用的两个标注属性就是 id 和 class 了,例如: 登录后复制 现在还有…

    编程技术 2025年3月9日
    200

发表回复

登录后才能评论