美文网首页程序员html/css/JavaScript基础
HTML框架集frameset和内嵌框架iframe

HTML框架集frameset和内嵌框架iframe

作者: RachelCT | 来源:发表于2018-08-10 23:42 被阅读25次

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

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

    frameset使用示例

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

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

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


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

    iframe使用示例 iframe示例效果图

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


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

    生活之美

    相关文章

      网友评论

        本文标题:HTML框架集frameset和内嵌框架iframe

        本文链接:https://www.haomeiwen.com/subject/usefbftx.html