html框架集把那根框架隐藏,HTML 框架集 frameset 和内嵌框架 iframe

HTML 框架集 frameset 和内嵌框架 iframe

今天总结

和 < ifrme> 两个标签.

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

来源: http://www.jianshu.com/p/5045c5973da7