htmlframeset标签如何用

小编给大家分享一下html frameset标签如何用,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

在临淄等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站建设、网站制作 网站设计制作按需定制制作,公司网站建设,企业网站建设,成都品牌网站建设,全网整合营销推广,外贸网站建设,临淄网站建设费用合理。

                                                           html frameset标签怎么用?html frameset标签属性详解,本篇文章主要讲述了html frameset标签的定义和用法,还有html frameset标签两个属性的用途(附实例)

首先让我们来认识一下什么是html frameset标签:

html frameset标签的定义和用法:

frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

html frameset标签的作用:

其作用是指定一个框架集,用于组织多个框架和嵌套框架集。

FRAMESET 元素是 FRAME 元素的容器。HTML 文档可包含 FRAMESET 元素或 BODY 元素之一,而不能同时包含两者。

如果用户在框架中打开了 Web 文件夹后单击了 Web 文件夹中的内容,那么被单击的文件或文件夹将取代整个窗口。例如,假设页面包含两个框架,一个框架指向 网址第二个框架指向网络驱动器。如果用户单击第二个框架中的文件或文件夹,该框架将活动整个窗口的控制,包括第一个框架。对于浏览器不能处理的文件类型,如 *.txt 文件,将会打开对应的应用程序窗口。

尽管 Web 文件夹是文件系统层次的一部分,但是该技术并不总是表示文件系统中的实际内容。一个典型的例子就是网络邻居。

html frameset标签的使用范围:

此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。

注意:不能与 标签一起使用 标签。不过,如果需要为不支持框架的浏览器添加一个 标签,请务必在<noframes> 标签内紧跟<body></body>标签对,然后才可以使用我们熟悉的任何标签。</p><p><strong>HTML <frameset> 标签实例:</strong></p><p>简单的三框架页面:</p><pre><html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset> </html></pre><p><strong>html frameset标签的提示和注释:</strong></p><p>提示:需要注意的是,浏览器允许用户手动地为单个框架文档的行或列重新确定大小,并因此改变每个框架在框架显示中各自占据的相对比例,除非你显式地告诉浏览器不要这样做。为了防止这种情况,可以在 <frame> 标签中使用 noresize 属性。</p><p>注释:如果您希望验证某个包含框架的页面,请确保 DTD 被设置为 "Frameset DTD"。阅读更多有关 XHTML 验证的内容。</p><p>重要事项:您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。不过,如果您需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将此标签放置在 <body></body> 标签中!</p><p>html frameset标签的可选属性:</p><p><img src="/upload/otherpic58/8354.jpg" alt="html frameset标签如何用"></p><p><strong>html frameset标签的标准属性:</strong></p><p>id, class, title, style</p><p><strong>HTML <frameset> 标签的 cols 属性和 rows 属性</strong></p><p><strong>html frameset标签的作用和用法:</strong></p><p><frameset> 标签有一个必需的属性:要么是 rows,要么是 cols,这取决于您的选择,它们定义了文档窗口中框架或嵌套的框架集的行或列的大小及数目。</p><p>这两个属性都接受用引号括起来并用逗号分开的值列表,这些数值指定了框架的绝对(像素点)或相对(百分比或其余空间)宽度(对列而言),或者绝对或相对高度(对行而言)。这些属性值的数目决定了浏览器将会在文档窗口中显示多少行或列的框架。</p><p>与表格一样,浏览器在显示时会尽可能接近给定的框架集尺寸。但是,浏览器不会为了能够容纳下超出边沿的框架集而扩展文档窗口的边界,也不会在指定的框架没有填满整个窗口时用空白区域来填满窗口。相反,浏览器会根据一个框架在行和列中相对于其他框架的大小来分配空间,这样就能够填满整个文档窗口了。(注意到一个主框架文档中没有滚动条了吗?)</p><p>下面是三个实例:</p><p><strong>实例1</strong></p><p>下面的代码将创建 3 行框架:</p><pre><frameset rows="150,300,150"></pre><p>其中的每行都贯穿整个文档窗口。第一和最后一个框架被设为 150 像素高,第二行设置成 300 像素高。</p><p>实际上,除非浏览器窗口正好是 600 像素高,否则浏览器将会自动按照比例延伸或压缩第一和最后一个框架,使得这两个框架都占据 1/4 的窗口空间。中间行将会占据剩下 1/2 的窗口空间。</p><p><strong>实例2</strong></p><p>用窗口尺寸的百分比表示的框架行和列尺寸数据更加实际。</p><p>例如,下面这个示例与刚才那个示例的效果相同:</p><pre><frameset rows="25%,50%,25%"></pre><p>当然,如果这些百分比加起来不是 100%,浏览器也会自动按照比例重新给出每行尺寸以消除差异。</p><p><strong>实例3</strong></p><p>如果你像我们一样,那么将问题综合起来就不是一件难事。可能有的框架设计人员正为同样的困难而感到苦恼,这就解释了为什么他们要在 <frameset> 的 rows 和 cols 值上加上星号。它告诉浏览器要在将相邻的框架放入框架集之后,给剩下的空间分配各自的行或列。</p><p>例如,当浏览器遇到下列框架标签时:</p><pre><frameset cols="100, *"></pre><p>看完了这篇文章,相信你对html frameset标签如何用有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!</p> <br> 本文题目:htmlframeset标签如何用 <br> 文章地址:<a href="http://cdiso.cn/article/jdojcc.html">http://cdiso.cn/article/jdojcc.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/jdojhd.html">微信小程序实现文件、图片上传功能的方法</a> </li><li> <a href="/article/jdopog.html">如何进行IO流的简单分析</a> </li><li> <a href="/article/jdojhj.html">Div如何实现太极效果</a> </li><li> <a href="/article/jdojhe.html">如何使用ADO.NET对象模型数据库</a> </li><li> <a href="/article/jdopoh.html">proftpd如何支持上传sfv校验</a> </li> </ul> </div> </div> <div class="footer"> <div class="contain"> <div class="foot-nav clearfix"> <ul class="footer-menu"> <li class="dropdown" ><a class="dropdown-toggle">服务范围<b class="caret"></b></a> <ul class="child-menu"> <li><a href="/website.html">网站建设</a></li> <li><a href="/weixin/" rel="nofollow">微信开发</a></li> <li><a href="/app/" rel="nofollow">APP开发</a></li> <li><a href="/design/" rel="nofollow">品牌设计</a></li> <li><a href="/market/" rel="nofollow">营销推广</a></li> </ul> </li> <li class="dropdown"><a href="/webcase/" class="dropdown-toggle" title=成都做网站案例>成都做网站案例<b class="caret"></b></a> <ul class="child-menu"> <li><a href="/webcase/jtssgslist.html" id="ctl00_show_85" title="集团上市公司">集团上市公司</a></li> <li><a href="/webcase/ppwzlist.html" id="ctl01_show_81" title="品牌网站">品牌网站</a></li> <li><a href="/webcase/xiangyingshilist.html" id="ctl02_show_82" title="响应式网站">响应式网站</a></li> <li><a href="/Marketingwebsite/index.html" id="ctl03_show_83" title="营销型网站">营销型网站</a></li> <li><a href="/waimaowangzhan/index.html" id="ctl04_show_84" title="外贸网站">外贸网站</a></li> </ul> </li> <li class="dropdown"><a href="/news/" class="dropdown-toggle">新闻中心 <b class="caret"></b></a> <ul class="child-menu"> <li><a href="/news/2.html" id="ctl00_show_70" title="网站建设">网站建设</a></li><li><a href="/news/3.html" id="ctl00_show_70" title="网站设计">网站设计</a></li><li><a href="/news/5.html" id="ctl00_show_70" title="网站制作">网站制作</a></li><li><a href="/news/6.html" id="ctl00_show_70" title="网站优化">网站优化</a></li> </ul> </li> <li class="dropdown"><a href="/Knowledge/" class="dropdown-toggle">知识学堂 <b class="caret"></b></a> <ul class="child-menu"> <li><a href="/websitelist/8.html" title="网站建设知识">网站建设知识</a></li><li><a href="/websitelist/9.html" title="网站设计知识">网站设计知识</a></li><li><a href="/websitelist/10.html" title="微信营销知识">微信营销知识</a></li><li><a href="/websitelist/11.html" title="营销推广知识">营销推广知识</a></li> </ul> </li> <li class="dropdown"><a href="/about/" class="dropdown-toggle" rel="nofollow">关于我们 <b class="caret"></b></a> <ul class="child-menu"> <li><a href="/about/jj/index.html" id="ctl00_show_1300" title="公司简介" rel="nofollow">公司简介</a></li> <li><a href="/about/history/index.html" id="ctl01_show_1301" title="发展历史" rel="nofollow">发展历史</a></li> <li><a href="/about/jjtd/index.html" id="ctl02_show_1302" title="精英团队" rel="nofollow">精英团队</a></li> <li><a href="/about/join/" rel="nofollow">加入我们</a></li> <li><a href="/about/contact/" rel="nofollow">联系小谭</a></li> </ul> </li> </ul> <dl class="last-dl"> <dt> <a href="javascript:;" title="联系我们" rel="nofollow">联系小谭</a> </dt> <dd class="conta"> <span><img src="/Public/Home/images/zg_ewm.png" width="100" /><br /> 企业微信号</span> </dd> </dl> </div> <div class="childcompan clearfix"> </div> <div class="copy"> 友情链接: <a href="http://www.mswzjz.cn/" title="攀枝花网站建设" target="_blank">攀枝花网站建设</a>&nbsp;&nbsp;&nbsp;<a href="http://m.cdxwcx.com/seo.html" title="网站推广优化" target="_blank">网站推广优化</a>&nbsp;&nbsp;&nbsp;<a href="https://www.scvps.cn/" title="云服务器" target="_blank">云服务器</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cxjianzhan.com/" title="成都做网站" target="_blank">成都做网站</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdxwcx.cn/" title="做网站" target="_blank">做网站</a>&nbsp;&nbsp;&nbsp;<a href="http://www.hbruida.cn/" title="宜宾网站建设" target="_blank">宜宾网站建设</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/" title="设计网站" target="_blank">设计网站</a>&nbsp;&nbsp;&nbsp;<a href="http://www.bzwzjz.com/serve/" title="专业网站建设" target="_blank">专业网站建设</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/mobile.html" title="手机网站制作设计" target="_blank">手机网站制作设计</a>&nbsp;&nbsp;&nbsp;<a href="http://www.kswcd.com/service/" title="上市集团网站建设" target="_blank">上市集团网站建设</a>&nbsp;&nbsp;&nbsp; </div> <br> 123ABC<strong> <a href="/">成都网站建设</a></strong>,成都定制网站建设——全心全意建网站公司 </div> </div> <script type="text/javascript" src="/Public/Home/js/meiqia.js"></script> <script type="text/javascript" src="/Public/Home/js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="/Public/Home/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="/Public/Home/js/i.js"></script> <script type="text/javascript" src="/Public/Home/js/script.js"></script> <script type="text/javascript" src="/Public/Home/js/SuperSlide.js"></script> <script type="text/javascript" src="/Public/Home/js/jquery.toTop.min.js"></script> <script type="text/javascript" src="/Public/Home/js/num-change.js"></script> <script type="text/javascript" src="/Public/Home/js/jquery.nicescroll.min.js"></script> <script type="text/javascript"> $(".menu li").eq(7).addClass("current-menu-item"); </script> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>