首页 >> 行业资讯 > 严选问答 >

frameset

2025-09-14 01:05:28

问题描述:

frameset,跪求大佬救命,卡在这里动不了了!

最佳答案

推荐答案

2025-09-14 01:05:28

frameset】总结:

`<frameset>` 是 HTML 中用于创建网页框架的标签,允许将浏览器窗口划分为多个独立的区域,每个区域可以加载不同的 HTML 页面。尽管 `frameset` 在现代网页设计中已逐渐被 `<iframe>` 和 CSS 布局所取代,但在某些特定场景下仍有一定的使用价值。本文对 `frameset` 的基本结构、属性及优缺点进行了简要总结,并通过表格形式进行对比说明。

属性/内容 说明
标签名称 `<frameset>`
功能 将浏览器窗口划分为多个框架(frame),每个框架可加载独立页面
语法结构 `<frameset rows="高度" cols="宽度">...<frame src="URL">...</frameset>`
常见属性 - `rows`: 定义水平分割的行高度
- `cols`: 定义垂直分割的列宽度
- `border`: 设置边框宽度
- `frameborder`: 控制框架边框显示
兼容性 支持于旧版浏览器,但现代浏览器(如 Chrome、Firefox)逐步弃用
优点 - 简单实现多页面布局
- 可独立更新各部分内容
缺点 - 不利于搜索引擎优化
- 不支持响应式设计
- 难以与现代前端技术结合

使用示例:

```html

<frameset rows="50%,50%">

<frame src="top.html" />

<frame src="bottom.html" />

</frameset>

```

该代码将浏览器窗口分为上下两部分,分别加载 `top.html` 和 `bottom.html` 页面。

注意事项:

- `frameset` 必须与 `<frame>` 或 `` 标签配合使用。</p><p>- 在 HTML5 中,`frameset` 已被标记为过时,推荐使用 `&lt;iframe&gt;` 或 CSS 布局来替代。</p><p>- 使用 `frameset` 时需注意用户体验,避免造成导航混乱或页面加载不稳定。</p><p>结论:</p><p>虽然 `&lt;frameset&gt;` 在现代网页开发中已不常用,但了解其基本原理和用法对于理解早期网页结构仍然具有参考价值。在实际项目中,建议优先选择更灵活、兼容性更好的布局方式。</p><style>table,tr{width: 100%;text-align: center;color: #333;font-size: 16px;line-height: 1.8em;margin-bottom: 32px;border: 1px solid #333;empty-cells:show;}table tr th {border: 1px solid #333;text-align: center;font-weight: 600;background: #eee;}table tr td {border: 1px solid #333;text-align: center}</style> </div> </div> </div> <div class="article_footer clearfix"> <div class="fr tag"> 标签: <a href="https://www.jnw.cc/tag/frameset/" target="_blank">frameset</a> </div> </div> <p class="banquan">  <span class="strong" >免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。</span></p> </div> </div> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_tag_under9();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;"><script>pc_show_tag_under();<\/script><\/div>'); } </script> <div style="margin-top:40px;">&nbsp;</div> <script type="text/javascript" src="https://www.jnw.cc/statics/sg/js/popup.js"></script> <div class="fl" style="width:100%; margin-top: 15px;position: relative;"> <span style="float:left; line-hight:30px; padding-top:10px; font-weight: bold;">分享:</span> <span> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["weixin","tsina","qzone","sqq","douban","tieba","copy"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","qzone","sqq","douban","tieba","copy"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </span> </div> <div class="nr_div_col2 mt10"> <div class="nr_div_title"><span>相关阅读</span></div> <div> <ul> <li><a href="http://m.jnw.cc/yaxwd/202509/28414.html" title="frameset" target="_blank">frameset</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28409.html" title="微信计步器怎么刷步数" target="_blank">微信计步器怎么刷步数</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28394.html" title="MJ是什么意思" target="_blank">MJ是什么意思</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28387.html" title="indigo" target="_blank">indigo</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28381.html" title="sap系统基础教程" target="_blank">sap系统基础教程</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28375.html" title="加盟香水可以选择哪些品牌来看一下这些优质品牌" target="_blank">加盟香水可以选择哪些品牌来看一下这些优质品牌</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28373.html" title="forthwith翻译" target="_blank">forthwith翻译</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28362.html" title="年轻人除了疲惫还剩下什么" target="_blank">年轻人除了疲惫还剩下什么</a></li> </ul> </div> </div> <script> if (isMobile()){ document.write('<div class="nr_div_title"><span>搜索推荐</span></div><div style="text-align:center;margin-top:10px;"><script>wap_show_sosuo();<\/script><\/div>'); }else{ } </script> <div class="nr_div_col2 mt10"> <div class="nr_div_title"><span>&nbsp;</span></div> <div> <ul> <li><a href="http://m.jnw.cc/yaxwd/202509/28345.html" title="milano是那个国家的香烟" target="_blank">milano是那个国家的香烟</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28338.html" title="什么叫金婚银婚钻石婚" target="_blank">什么叫金婚银婚钻石婚</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28337.html" title="imiss" target="_blank">imiss</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28324.html" title="s400迈巴赫和奔驰s400区别" target="_blank">s400迈巴赫和奔驰s400区别</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28317.html" title="fob属于什么" target="_blank">fob属于什么</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28304.html" title="微信公众号主要功能介绍" target="_blank">微信公众号主要功能介绍</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28303.html" title="metrocity是几线品牌" target="_blank">metrocity是几线品牌</a></li> <li><a href="http://m.jnw.cc/yaxwd/202509/28289.html" title="加减法口算速算技巧" target="_blank">加减法口算速算技巧</a></li> </ul> </div> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_artlist1();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;margin: 10px 0px;"><script>pc_show_like_under();<\/script><\/div>'); } </script> <div class="nr_div mt10"> <div class="nr_div_title"><span>最新文章</span></div> <ul class="nr_div_list"> <li class="nr_div_list_item"> <div class="title"><a href="https://news.jnw.cc/zhjx/202509/12962914.html" title="frame" target="_blank">frame</a></div> <div class="description">【frame】在当今快速发展的科技与设计领域,&quot;Frame&quot;(框架)是一个被广泛应用的概念。无论是软件开发、网页设...<a href="https://news.jnw.cc/zhjx/202509/12962914.html" title="frame" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://bbs.jnw.cc/bbs/202509/12962913.html" title="frain什么意思" target="_blank">frain什么意思</a></div> <div class="description">【frain什么意思】2、原文&ldquo;frain什么意思&rdquo;生成的原创内容(总结加表格)一、&ldquo;Frain&rdquo; 是一个较为少见的英...<a href="https://bbs.jnw.cc/bbs/202509/12962913.html" title="frain什么意思" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://news.jnw.cc/zhjx/202509/12962912.html" title="微信积分商城积分兑换" target="_blank">微信积分商城积分兑换</a></div> <div class="description">【微信积分商城积分兑换】在如今的移动互联网时代,越来越多的商家开始通过积分系统来提升用户粘性和活跃度。...<a href="https://news.jnw.cc/zhjx/202509/12962912.html" title="微信积分商城积分兑换" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://bbs.jnw.cc/bbs/202509/12962911.html" title="微信积分商城兑换礼品" target="_blank">微信积分商城兑换礼品</a></div> <div class="description">【微信积分商城兑换礼品】在当今数字化生活中,企业为了提升用户粘性与活跃度,越来越多地通过积分系统来激励...<a href="https://bbs.jnw.cc/bbs/202509/12962911.html" title="微信积分商城兑换礼品" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://news.jnw.cc/zhjx/202509/12962910.html" title="汽车泡水后保险公司怎么赔" target="_blank">汽车泡水后保险公司怎么赔</a></div> <div class="description">【汽车泡水后保险公司怎么赔】当车辆遭遇水浸,尤其是严重泡水的情况下,不仅会对车辆的机械系统造成损坏,还...<a href="https://news.jnw.cc/zhjx/202509/12962910.html" title="汽车泡水后保险公司怎么赔" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://bbs.jnw.cc/bbs/202509/12962909.html" title="汽车抛锚是啥意思" target="_blank">汽车抛锚是啥意思</a></div> <div class="description">【汽车抛锚是啥意思】&ldquo;汽车抛锚&rdquo;是一个常见的口语表达,通常用来形容车辆在行驶过程中突然无法正常运行,导...<a href="https://bbs.jnw.cc/bbs/202509/12962909.html" title="汽车抛锚是啥意思" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://bbs.jnw.cc/bbs/202509/12962907.html" title="mj啥意思网络用语" target="_blank">mj啥意思网络用语</a></div> <div class="description">【mj啥意思网络用语】在当今的网络交流中,许多缩写和俚语频繁出现,成为年轻人之间沟通的重要方式。其中,&ldquo;m...<a href="https://bbs.jnw.cc/bbs/202509/12962907.html" title="mj啥意思网络用语" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://news.jnw.cc/zhjx/202509/12962906.html" title="indie" target="_blank">indie</a></div> <div class="description">【indie】&ldquo;Indie&rdquo;一词源自&ldquo;independent&rdquo;,意为&ldquo;独立&rdquo;。在不同的语境中,&ldquo;indie&rdquo;有着不同的含义,最常...<a href="https://news.jnw.cc/zhjx/202509/12962906.html" title="indie" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://bbs.jnw.cc/bbs/202509/12962905.html" title="indicator" target="_blank">indicator</a></div> <div class="description">【indicator】在数据分析、金融投资、科学研究等多个领域中,&quot;indicator&quot;(指标)是一个非常重要的概念。它通...<a href="https://bbs.jnw.cc/bbs/202509/12962905.html" title="indicator" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://bbs.jnw.cc/bbs/202509/12962904.html" title="SAP是什么意思" target="_blank">SAP是什么意思</a></div> <div class="description">【SAP是什么意思】SAP是企业软件领域中一个非常重要的概念,全称是&ldquo;Systeme, Anwendungen und Produkte i...<a href="https://bbs.jnw.cc/bbs/202509/12962904.html" title="SAP是什么意思" target="_blank" class="llqw">浏览全文>></a></div> </li> </ul> </div> <script type="text/javascript"> setTimeout(document.write("<script type='text/javascript' src='https://www.jnw.cc/statics/sg/js/cp.js'><\/script>"),2000); </script> </div> <!--右侧侧部分开始--> <div class="article_r"> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_1();pc_show_right_font();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">大家爱看</div> <ul class="look_list"> <li><a href="https://news.jnw.cc/zhjx/202509/12962822.html" title="绮丽的意思" target="_blank">绮丽的意思</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962765.html" title="你会娶她吗?" target="_blank">你会娶她吗?</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962748.html" title="LOL眼皮肤怎么设置" target="_blank">LOL眼皮肤怎么设置</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962897.html" title="年轻人不讲武德是什么意思" target="_blank">年轻人不讲武德是什么意思</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962834.html" title="气管支气管炎的症状" target="_blank">气管支气管炎的症状</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962616.html" title="集线器端口上的电涌原因" target="_blank">集线器端口上的电涌原因</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962890.html" title="img文件怎么打开?" target="_blank">img文件怎么打开?</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962592.html" title="内蒙古人事考试网" target="_blank">内蒙古人事考试网</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962868.html" title="年底的工作总结" target="_blank">年底的工作总结</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962850.html" title="气吞山河打一数字" target="_blank">气吞山河打一数字</a></li> </ul> </div> <div class="block2"></div> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right_banner();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">频道推荐</div> <ul class="look_list"> <li><a href="https://news.jnw.cc/zhjx/202509/12962851.html" title="气吞山河的意思是什么" target="_blank">气吞山河的意思是什么</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962835.html" title="气锅的用法大全" target="_blank">气锅的用法大全</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962828.html" title="mac997平价替代色" target="_blank">mac997平价替代色</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962813.html" title="你相信爱情吗?" target="_blank">你相信爱情吗?</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962777.html" title="LOL猪年年限定曝光" target="_blank">LOL猪年年限定曝光</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962726.html" title="qq同步助手怎么用" target="_blank">qq同步助手怎么用</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962723.html" title="你把爱分成不同比例什么歌" target="_blank">你把爱分成不同比例什么歌</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962694.html" title="excel插值法计算公式" target="_blank">excel插值法计算公式</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962669.html" title="尼康d300上市价格" target="_blank">尼康d300上市价格</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962648.html" title="qq空间免费皮肤怎么弄方法" target="_blank">qq空间免费皮肤怎么弄方法</a></li> </ul> </div> <div class="block2"></div> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_2();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">站长推荐</div> <ul class="look_list"> <li><a href="https://news.jnw.cc/zhjx/202509/12962883.html" title="微信公众号怎样申请注册" target="_blank">微信公众号怎样申请注册</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962761.html" title="微博经常访问需要多久消失" target="_blank">微博经常访问需要多久消失</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962755.html" title="企业经营的性质和范围" target="_blank">企业经营的性质和范围</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962736.html" title="企业ap组网方案" target="_blank">企业ap组网方案</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962735.html" title="你的传奇之危机四伏演员表全部" target="_blank">你的传奇之危机四伏演员表全部</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962707.html" title="hazop怎么读" target="_blank">hazop怎么读</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962689.html" title="qq屏蔽此人对方知道吗" target="_blank">qq屏蔽此人对方知道吗</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962873.html" title="flat中文翻译" target="_blank">flat中文翻译</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962856.html" title="Maxthon是什么程序" target="_blank">Maxthon是什么程序</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962644.html" title="几月出生的人是紫微星" target="_blank">几月出生的人是紫微星</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962843.html" title="什么的星空填动词" target="_blank">什么的星空填动词</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962788.html" title="你是风儿我是沙是什么歌曲" target="_blank">你是风儿我是沙是什么歌曲</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962825.html" title="你在为谁读书" target="_blank">你在为谁读书</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962830.html" title="i53450属于什么档次" target="_blank">i53450属于什么档次</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962837.html" title="微信乘车码怎么用" target="_blank">微信乘车码怎么用</a></li> <li><a href="https://news.jnw.cc/zhjx/202509/12962514.html" title="ktv高山流水游戏怎么玩" target="_blank">ktv高山流水游戏怎么玩</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962807.html" title="起诉书格式" target="_blank">起诉书格式</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962797.html" title="微密圈如何查看私密评论" target="_blank">微密圈如何查看私密评论</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962716.html" title="望日是什么意思" target="_blank">望日是什么意思</a></li> <li><a href="https://bbs.jnw.cc/bbs/202509/12962704.html" title="qq群如何拉人" target="_blank">qq群如何拉人</a></li> </ul> </div> <div class="block2"></div> </div> <!--右侧部分结束--> </div> </div> <div class="clearfix"></div> <script> if (isMobile()){ document.write('<script>wap_show_button_under();<\/script>'); } </script> <div class="footer"><div class="main"> <div class="copylink"> <p class="link"> <a href="https://www.jnw.cc/about.html" target="_blank">关于我们</a><span>|</span> <a href="https://www.jnw.cc/lxfs.html" target="_blank">联系方式</a><span>|</span> <a href="https://www.jnw.cc/bqsm.html" target="_blank">版权声明</a><span>|</span> <a href="https://www.jnw.cc/mzsm.html" target="_blank">免责声明</a><span>|</span> </p> </div> <div id="copy" class="graylink"> Copyright © 2007-2025 www.jnw.cc All Right Reserved. 版权所有 东方生活网 工信部网站备案编号:<a href="http://beian.miit.gov.cn" target="_blank">闽ICP备2021016476号-5</a> </div> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?6d7e9e0e582ddf71dd58e5f024d79a29ffd93e7cd31bda9007977d2989b2b1133871f0d6a9220c04b06cd03d5ba8e733fe66d20303562cd119c1d6f449af6378"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> </div> </div> </body> </html>