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

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

  1. html框架集frame是啥意思,HTML框架集frameset和内嵌框架iframe

    ? 今天总结 和两个标签. ? frameset标签使用于定义一组框架集,将多个窗口组合在一个框架集中,各个子框架单独引使用一个文档.下面贴一个用的例子: frameset用示例 在以上实例中,定义了 ...

  2. Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架

    第三天HTML中input标签常用属性.框架集.内嵌框架 一.input标签常用属性 表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...

  3. 内嵌框架iframe

    内嵌框架iframe 内嵌框架就是在网页中嵌入一个网页,并让它在上一级网页中显示 内嵌框架使用的标签是iframe标签 <iframe src=" URL ">< ...

  4. iframe内嵌框架自适应高度

    添加js代码: /iframe内嵌框架自适应高度/ function iFrameHeight() { var ifm= document.getElementById("iframepag ...

  5. html5-5 HTML5表单元素和内嵌框架

    html5-5   HTML5表单元素和内嵌框架 一.总结 一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype ...

  6. HTML中添加超链接、音频标签、视频标签、内嵌框架标签

    目录 超链接 音频标签 视频标签 内嵌框架标签 超链接 1.超链接:当用户点击文字.图像.视频等页面元素时,页面会发生跳转,则这些页面元素就是超链接 2.超链接标签:  <a href='url ...

  7. 1.3(1) 框架——内嵌框架

    内嵌框架--位于body内 (1)作用:用于在网页中嵌入一个网页并让它在网页中显示. (2)标签: <iframe src="URL"></iframe> ...

  8. html内嵌框架怎么写,在HTML网页中,内嵌框架的标签代码是()。

    在HTML网页中,内嵌框架的标签代码是(). 更多相关问题 每年人环奖的考试报名时间大约在5月份 嗅觉的香气包裹在闻气味的人周围,成为一种氛围,构成( )天空. Access的控件对象可以设置某个属性 ...

  9. 内嵌框架iframe在火狐ff下自适高度(ie6、ie7、ff都正常)

    1.脚本 在调用iframe的页面添加脚本 var FFextraHeight = 0; if(window.navigator.userAgent.indexOf("Firefox&quo ...

最新文章

  1. 谈Linux的安全设置
  2. java digester_Digester
  3. char* 长度_leetcode之最后一个单词的长度
  4. pythonppt教材_PPT、H5、Python、大数据……浙江中小学新教材9月投入使用!
  5. Python基础教程(三):运算符、条件语句
  6. ORA-12154/ORA-12560 可以尝试的解决办法
  7. mysql i o 高_经典案例:磁盘I/O巨高排查全过程
  8. redis结合springboot 无法注入redisTemplate问题
  9. 201412-1-门禁系统
  10. JavaScript--如何插入JS
  11. BZOJ 1507 [NOI2003]Editor
  12. Java Byte数组与Long的相互转化
  13. ug10万能许可证一键安装_优胜UG4.0-UG12.0-许可证一键自动安装下载|
  14. 利用Python进行游戏脚本编程,不愧是最强的脚本语言
  15. 安装Home Assistant 历程+遇到的问题
  16. 优锘科技:数字孪生如何与新基建摩擦出智慧火花
  17. 台式机单硬盘安装黑苹果体验
  18. linux查看ftp客户端限速配置,vsftpd限速设置
  19. 证明碰撞集(HITTING SET)问题是NP完全问题
  20. 网易有道词典bug记录

热门文章

  1. 数据结构与算法 / 散列表(HashTable)
  2. Cortex-M3 任务切换函数实例
  3. 启明云端方案分享| ESP32-C3智能网关应用解决方案
  4. 18春东师计算机应用基础,东师计算机应用基础18春在线作业31.docx
  5. 走进 San CLI(下):实现原理
  6. C语言在main中输入2个整数ab,2014年计算机等级二级C语言程序设计习题
  7. input自适应_【正点原子FPGA连载】第十一章基于OV5640的自适应二值化实验-领航者ZYNQ之HLS 开发指南...
  8. 前端数据的加密和解密--对象解密的坑
  9. vue图片不存在时加载默认图片
  10. P3834 【模板】可持久化线段树 1(主席树)