网页中的框架应用详解

框架标记在HTML中，使用框架标记可以将一个窗口分割成儿个子窗口，以便在每个窗口中同时显示几个不同的HTML文件。框架结构的文件格式与一般的HTML文件类似，只是将标记代替了标记，它不包含具体.显示的文本和图像，是框架使川中最摹础的文档。整个主文档使用...来包括各个框架页面，每一个框架页面的位置、大小和初始页面文件名称在标记中进行定义。图所示为三框架结构的页面，其源文件如下:动物知识<'title>< head><frameset rows="80,*" frameborder-"no" border--"O" framespacing="0"> <fame src="top.html" name="shang" scroll ing="No" noresize="noresize"> <frameset cols="157,"" framespacing="0" frameborder="no" border-"O"> <frame src="left.html" name="zuo" scrolling-”No" noresize="noresize"> <frame src="right.html" name="you"> </fameset></fameset><noframes><body></body></noframes></html> <frameset>标记为成对标记，一其主要属性如下: cols:定义纵向分割当前窗口，用像素或百分比(%)来表示各列所在的框架占整个窗口的宽度，*表示剩余部分。 rows:定义横向分割当前窗口，用像素或百分比(%)来表示各行所在的框架占整个窗口的高度，*表示剩余部分。 2.框架标记<frame> <frame>标记用于定义每一个框架页面的位置、大小和初始页面文件名称等。<frame>标记是非成对标记，其主要属性如下: name:定义此框架的名称。 src:定义此框架链接HTML文件的地址。 scrolling:定义是否显示滚动轴，属性值可以是yes(显示)、no(不显示)和auto(根据需要自动显示)。 noresize:不允许用户改变此框架的大小。 3.无框架标记<noframes> <noframes>标记用来在那些不支持框架的浏览器中显示文本或图像信息，是成对标记。</div><div class="prev_next"> <div class="prev"> <span>上一篇：</span><a href="/tzuc.html">我爱你的各种语言表达，这几个版本你知道几个？</a> </div> <div class="next"> <span>下一篇：</span><a href="/tzue.html">孕期宝宝胎动变化</a> </div> </div> </div> <div class="appleccmw content-right"> <div class="listmore">推荐信息</div> <div class="send_list"> <ul> <li><a href="/tzud.html" title="网页中的框架应用详解"><span>1</span><h3>网页中的框架应用详解</h3></a></li> <li><a href="/bzudn.html" title="红米k20pro尊享版和oppo ace全面对比，哪个好？"><span>2</span><h3>红米k20pro尊享版和oppo ace全面对比，哪个好？</h3></a></li> <li><a href="/bzudm.html" title="红米k50pro怎么开启性能模式"><span>3</span><h3>红米k50pro怎么开启性能模式</h3></a></li> <li><a href="/bzudl.html" title="如何鉴别贝德玛洁肤液真假？"><span>4</span><h3>如何鉴别贝德玛洁肤液真假？</h3></a></li> <li><a href="/bzudk.html" title="红米k50pro怎么开性能模式"><span>5</span><h3>红米k50pro怎么开性能模式</h3></a></li> <li><a href="/bzudj.html" title="红米k50pro怎么设置屏幕常亮?"><span>6</span><h3>红米k50pro怎么设置屏幕常亮?</h3></a></li> <li><a href="/bzudi.html" title="红米k30pro充电pd协议多少瓦"><span>7</span><h3>红米k30pro充电pd协议多少瓦</h3></a></li> <li><a href="/bzudh.html" title="红米k50pro的nfc感应区图解？"><span>8</span><h3>红米k50pro的nfc感应区图解？</h3></a></li> <li><a href="/bzudg.html" title="检测硅藻泥真伪"><span>9</span><h3>检测硅藻泥真伪</h3></a></li> <li><a href="/bzudf.html" title="红米k40nfc怎么录入门禁卡？"><span>10</span><h3>红米k40nfc怎么录入门禁卡？</h3></a></li> <li><a href="/bzude.html" title="怎样鉴别客所思kx-2和客所思pk-3外置声卡真伪"><span>11</span><h3>怎样鉴别客所思kx-2和客所思pk-3外置声卡真伪</h3></a></li> <li><a href="/bzudd.html" title="进口食品猫腻多，认清几点辨真假"><span>12</span><h3>进口食品猫腻多，认清几点辨真假</h3></a></li> <li><a href="/bzudc.html" title="红米k50pro在哪开启120w充电"><span>13</span><h3>红米k50pro在哪开启120w充电</h3></a></li> <li><a href="/bzudb.html" title="如何识别硅藻泥产品的真伪"><span>14</span><h3>如何识别硅藻泥产品的真伪</h3></a></li> <li><a href="/bzuda.html" title="教您鉴定跨境电商平台购买商品的真伪"><span>15</span><h3>教您鉴定跨境电商平台购买商品的真伪</h3></a></li> <li><a href="/bzucz.html" title="红米k20pro怎么开dc调光"><span>16</span><h3>红米k20pro怎么开dc调光</h3></a></li> <li><a href="/bzucy.html" title="红米k20pro护眼模式怎么开启。"><span>17</span><h3>红米k20pro护眼模式怎么开启。</h3></a></li> <li><a href="/bzucx.html" title="怎样判断康比特果蔬纤维代餐粉的真伪"><span>18</span><h3>怎样判断康比特果蔬纤维代餐粉的真伪</h3></a></li> <li><a href="/bzucw.html" title="教你如何进口奶粉等进口食品的真伪如何鉴别生活"><span>19</span><h3>教你如何进口奶粉等进口食品的真伪如何鉴别生活</h3></a></li> <li><a href="/bzucv.html" title="红米k40pro如何开启开5g功能"><span>20</span><h3>红米k40pro如何开启开5g功能</h3></a></li> <li><a href="/bzucu.html" title="如何辨别索拉非尼(多吉美)新版真伪？"><span>21</span><h3>如何辨别索拉非尼(多吉美)新版真伪？</h3></a></li> </ul> <div class="clear"></div> </div> </div> </div> <div class="clear"></div> <div class="onjfeeds"></div><span class="onj_live"></span><span class="childonj"></span><div class="onj_location"></div><span class="buddhaonj"></span><div class="branchesccmw footer_service"> <a href="/sitemap.html" target="_blank">网站地图</a> <a href="/sitemap.xml" target="_blank">XML</a> <a href="/sitemap.txt" target="_blank">TXT</a> <a href="/rss.xml" target="_blank">RSS</a> <a href="/privacy.html" target="_blank">隐私政策</a> <a href="/service.html" target="_blank">服务条款</a> <a href="/agreement.html" target="_blank">使用条款</a> <div class="flagccmw footer_copyright clogWalletccmw">Copyright ©1996-2026 www.onijiang.com Corporation, All Rights Reserved</div> </div> <script src="/static/index1js/jquery-3.5.1.min.js" rel="external nofollow"></script> <script src="/static/js/share.js" rel="external nofollow"></script> <script src="/static/js/tran.js" rel="external nofollow"></script> <script src="/static/js/langs.js" rel="external nofollow" ></script> <div class="onj_happy"></div><span class="containeronj"></span><div class="baronj" id="baronj"></div><div id="Family_seal_onj"></div><script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>