HTML框架集frameset和内嵌框架iframe

  今天总结<frameset></frameset>和<ifrme></iframe>两个标签。

  frameset标签用于定义一组框架集,将多个窗口组合在一个框架集中,各个子框架单独引用一个文档。下面贴一个使用的例子:


frameset使用示例

在以上实例中,定义了一个大的框架集,并分成两部分,上面部分占整个框架的30%,剩余部分占70%;其中占据了30%高度的部分即是top;占据70%高度的部分又按照左右比例,将这部分框架分为宽度分别为30%和70%两部分,分别是left和right框架。

通过以上例子可以看到一个大的框架,可以用rows和cols属性将框架分块儿,而各个子框架可以引用单独的文档,可展示独立的内容。其中,rows是按行分块,即是切分一个框架的高;cols是按例分块,即是切分框架的宽。

  此外,需要注意的是frameset标签不能包含在body标签内,它独立于body。若将frameset包含在body中会发现frameset失效。



  iframe标签会创建一个内联框架(行内框架),也有称内嵌框架、浮动框架。它不同于frameset框架独立于body,而是像其他标签元素在body中使用。下面贴一个简单的示例:


iframe使用示例


iframe示例效果图

  iframe可以单独地加载文档内容,在整个页面重载时不必要将整个页面重新加载,而是单独加载框架内容,减少了页面加载时的数据流量。



  emm,就写到这儿吧,总结得不全面,日后的文章继续改进。今天分享的照片是今年的栀子花,虽然花已开过,但在栀子花开的季节,我们的故事定不会被遗忘。


生活之美
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 4,722评论 0 1
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,691评论 1 41
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,720评论 32 459
  • frameset框架集 frameset有两个重要属性cols和rows可以用它将整个浏览器页面分割成自定义的大小...
    相关函数阅读 3,803评论 0 1
  • HTML基础 开始 上周我已经学习了一些开发工具(Sublim Text、vscode),我学会了如何一些基础设置...
    H少白阅读 3,996评论 0 4

友情链接更多精彩内容