HTML iframe 和 frameset 的区别

iframe 和 frameset 都用于html页面的框架布局。<iframe> 标签: 规定一个内联框架。被用来在当前HTML 文档中嵌入另一个文档。<frameset> 标签:定义一个框架集。<frameset> 元素被用来组织一个或者多个 <frame> 元素。每个 <frame> 有各自独立的文档。1,<iframe> 标签可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 <iframe> 的浏览器。使用CSS 为 <iframe> (包括滚动条)定义样式。示例:

注意:在 "<iframe>我是内容</iframe>" 内添加内容时,在展示页面不会显示添加的内容。所以还是使用src属性指定一个页面。应用场景:多用于版本升级页面,版本日志过多,可以把升级的信息放到一个iframe里。<iframe> HTML5 中的新属性,这些新属性也可以通过 js 来对他的属性值进行修改:属性值描述alignleftrighttopmiddlebottom规定如何根据周围的元素来对齐此框架。不推荐使用。请使用样式代替。frameborder10规定是否显示框架周围的边框。heightpixels%规定 iframe 的高度。longdescURL规定一个页面,该页面包含了有关 iframe 的较长描述。marginheightpixels定义 iframe 的顶部和底部的边距。marginwidthpixels定义 iframe 的左侧和右侧的边距。nameframe_name规定 iframe 的名称。sandbox""allow-formsallow-same-originallow-scriptsallow-top-navigation启用一系列对 <iframe> 中内容的额外限制。scrollingyesnoauto规定是否在 iframe 中显示滚动条。seamlessseamless规定 <iframe> 看上去像是包含文档的一部分。srcURL规定在 iframe 中显示的文档的 URL。srcdocHTML_code规定在 <iframe> 中显示的页面的html内容。widthpixels%定义 iframe 的宽度。2,<frameset> 标签<frameset> 标签定义一个框架集。<frameset> 元素被用来组织一个或者多个 <frame> 元素。每个 <frame> 有各自独立的文档。<frameset> 元素规定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。示例: 如何制作含有三份文档的框架结构,同时将他们混合置于行和列之中。

输出:

注意:使用frameset标签时,注意要去掉外层的<body></body>标签。应用场景:后台页面的管理,左边显示 菜单,右边框架 显示详细页面。<frameset> 标签可选的属性属性值描述colspixels%*定义框架集中列的数目和尺寸。有关 cols 属性的详细信息。rowspixels%*定义框架集中行的数目和尺寸。有关 rows 属性的详细信息。夺夺

(0)

相关推荐

  • <iframe> 标签的用法

    iframe 元素会创建包含另外一个文档的内联框架(即行内框架).实例<iframe src="http://www.xinbiancheng.cn"></ifr ...

  • [html] 第117天 frame和iframe有什么区别?

    今日试题: frame和iframe有什么区别? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我每天多次反省自己). 前端面 ...

  • 儒、释、道三家文化的七大区别

    闲云谷 峰下闲云云上松,珍兰奇蕙伴节丛:不忍移爱进瓦罐,卷书抱坛迁谷中. 994篇原创内容 公众号 一.文化主旨 儒家文化--积极进取的文化 儒家倡导知识的获取和品德的培养,是一种积极向上的文化. 道 ...

  • 招摇撞骗罪和诈骗罪有什么区别

    招摇撞骗罪和诈骗罪都表现为欺骗行为,招摇撞骗罪也可以像诈骗罪一样骗取财物,两者容易混淆,大家知道招摇撞骗罪和诈骗罪有什么区别吗? 律师解答: 招摇撞骗罪侵犯的客体主要是国家机关的威信及其正常活动,而诈 ...

  • 香港服务器托管和租用有什么区别?

    香港服务器托管和租用有什么区别?托管和租用都是服务器选择使用方式,想要知道香港服务器托管和租用两种方式有什么区别以及哪种方式比较好,就需要深入了解它们,下面我们就聊聊香港服务器托管和租用的区别. 什么 ...

  • “全款”和“贷款”买房有什么区别?内行:10年后,差距一目了然

    因为现在国内的房价总体上呈现出不断上涨的趋势,尤其是在一二线城市靠近市中心的房子更是高到令现在的不少家庭都有着很大的生活重担,对于现在的年轻人来说也很难能够在他们的承受范围之内. 所以,如果高房价持续 ...

  • “普通人vs 女网红的区别...” 哈哈哈哈哈哈哈哈哈过于真实!

    网上冲浪久了 不得不感叹 现在的女网红真的很努力 为了拍出 前凸后翘的照片 不管何时何地 都执着地凹着浮夸的摆拍造型 网友甚至总结出了当网红的精髓 普通人vs 女网红的区别 学废了 离网红就差一个骨盆 ...

  • 木耳秋耳只差一个字,区别大不同!牢记2点,轻松分辨,不被忽悠

    买木耳有技巧,遇见这4种,不管多少钱也不要买,难吃又费钱 各位读者朋友们大家好,感谢阅读我分享的美食文章,经验和大家一起共享,今天我要和大家分享的内容是:『木耳秋耳只差一个字,区别大不同!牢记2点,轻 ...

  • 药品甲类和乙类的区别

    对于药品,我们都很熟悉.不管怎么样,都有用过各类药物.其实,药品的种类多种多样.世界上有多少种疾病,相对应就会有多少种药物.有句话不是说对症下药,说的就是药物和疾病的关系.由于对人的重要性,因此由不得 ...