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://csdahua.cn/article/jdojcc.html">http://csdahua.cn/article/jdojcc.html</a> </div> <div class="view-qrocde cl"> <div class="m z"><img src="/Public/Home/images/ew.jpg"/></div> <div class="text"> <h6>扫二维码与项目经理沟通</h6> <p>我们在微信上24小时期待你的声音</p> <p>解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流</p> </div> </div> <div class="othernews cl"> <h3>其他资讯</h3> <ul> <li><a href="/article/dosdohs.html">python分位数函数 python 百分位数</a></li><li><a href="/article/dosdopi.html">mysql行号怎么用 mysql续行符是什么</a></li><li><a href="/article/dosdogh.html">java文件上传审核代码 编程实现文件的上传</a></li><li><a href="/article/dosdops.html">C语言函数表格排序题技巧 c语言排序方法汇总</a></li><li><a href="/article/dosdojs.html">GO语言com接口调用 go 接口使用</a></li> </ul> </div> </div> </div> <div class="sidebar"> <div class="tuijian"> <a href="#"> <h2 class="cl"><span>行业动态</span></h2> <h3>企业网站建设的重要性!</h3> <p>现在虽然是移动互联网时代,但企业网站依然重要,包含PC站点,移动站。可以说企业网站关系企业的未来发展和前途,尤其对中小企业更是如此,一些中小企业老板,对自己的名片很在乎,因为这是个门面。...</p> </a> </div> <div class="ser sidesub"> <h2>服务项目</h2> <ul class="ebox"> <li class="sub sub-1"> <div> <h3>网站建设</h3> <p></p> <a class="btn" href="/serve/website/">查看详情</a> </div> </li> <li class="sub sub-1"> <div> <h3>移动端/APP</h3> <p></p> <a class="btn" href="/serve/moblie/">查看详情</a> </div> </li> <li class="sub sub-1"> <div> <h3>微信/小程序</h3> <p></p> <a class="btn" href="/serve/small/">查看详情</a> </div> </li> <li class="sub sub-1"> <div> <h3>技术支持</h3> <p></p> <a class="btn" href="/serve/tech/">查看详情</a> </div> </li> <li class="sub sub-1"> <div> <h3>其它服务</h3> <p></p> <a class="btn" href="/serve/othe/">查看详情</a> </div> </li> <li class="sub sub-5"> <div> <h3>更多服务项目</h3> <p> <a>用我们的专业和诚信赢得您的信赖,从PC到移动互联网均有您想要的服务!</a></p> <a class="btn" href="/serve/">获取更多</a> </div> </li> </ul> </div> <div class="contact" id="fix"> <h2 class="cl"> <span>联系吧</span> <a href="https://map.baidu.com/" class="ditu" rel="nofollow" target="_blank">在百度地图上找到我们</a> </h2> <h3>电话:13518219792</h3> <p>如遇占线或暂未接听请拨:136xxx98888</p> <div class="qq"> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">业务咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">技术咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">售后服务</a> </div> </div> </div> <script> //固定滚动 (function () { var oDiv = document.getElementById("fix"); var H = 120, iE6; var Y = oDiv; while (Y) { H += Y.offsetTop; Y = Y.offsetParent }; iE6 = window.ActiveXObject && !window.XMLHttpRequest; if (!iE6) { window.onscroll = function () { var s = document.body.scrollTop || document.documentElement.scrollTop; if (s > H) { oDiv.className = "contact fixed"; if (iE6) { oDiv.style.top = (s - H) + "px"; } } else { oDiv.className = "contact "; } }; } })(); </script> </div> <div class="footer"> <div class="wp"> <div class="wpss cl"> <dl class="about"> <dt>网站制作</dt> <dd><a href="http://www.cqcxhl.com/" target="_blank" title="重庆网站制作">重庆网站制作</a></dd><dd><a href="http://m.cdcxhl.com/" target="_blank" title="成都网站制作">成都网站制作</a></dd><dd><a href="https://www.cdcxhl.com/mobile.html" target="_blank" title="手机网站制作">手机网站制作</a></dd><dd><a href="http://www.36103.cn/" target="_blank" title="成都网站制作">成都网站制作</a></dd> </dl> <dl class="about"> <dt>网站建设</dt> <dd><a href="http://www.cdkjz.cn/wangzhan/pinpai/" target="_blank" title="成都品牌网站建设">成都品牌网站建设</a></dd><dd><a href="http://m.cdcxhl.cn/seo/" target="_blank" title="成都网站建设">成都网站建设</a></dd><dd><a href="https://www.cdxwcx.com/city/neijiang/" target="_blank" title="内江网站建设">内江网站建设</a></dd><dd><a href="http://www.myzwz.com/" target="_blank" title="绵阳网站建设">绵阳网站建设</a></dd> </dl> <dl class="about"> <dt>网站设计</dt> <dd><a href="http://chengdu.cdcxhl.cn/" target="_blank" title="成都网站设计">成都网站设计</a></dd><dd><a href="http://www.cdkjz.cn/fangan/waimao/" target="_blank" title="外贸网站设计方案">外贸网站设计方案</a></dd><dd><a href="https://www.cdxwcx.com/" target="_blank" title="做网站设计">做网站设计</a></dd><dd><a href="http://www.gawzjs.com/" target="_blank" title="广安网站设计">广安网站设计</a></dd> </dl> <dl class="contact"> <dt>联系我们</dt> <dd>电话:13518219792</dd> <dd>邮箱:631063699@qq.com</dd> <dd>地址:成都青羊区锦天国际1002号</dd> <dd>网址:www.csdahua.cn</dd> </dl> <dl class="flow"> <dt></dt> <div class="ma cl"> <div class="m"> <img src="/Public/Home/images/ew.jpg" /> <p>微信二维码</p> </div> </div> </dl> </div> </div> <div class="footer-link wp"> <ul class="wpss cl"> <li class="fisrt">友情链接</li> <li><a href="https://www.scvps.cn/" title="网站空间" target="_blank">网站空间</a></li><li><a href="http://www.cdkjz.cn/fangan/jtss/" title="上市企业网站建设方案" target="_blank">上市企业网站建设方案</a></li><li><a href="http://www.dmvi.cn/ser/huace/" title="画册设计制作" target="_blank">画册设计制作</a></li><li><a href="http://chengdu.kswsj.cn/" title="高端网站设计推广" target="_blank">高端网站设计推广</a></li><li><a href="http://www.xnruijie.cn/" title="成都石膏隔墙板" target="_blank">成都石膏隔墙板</a></li><li><a href="https://www.cdxwcx.com/jifang/xiyun.html" title="成都移动服务器托管" target="_blank">成都移动服务器托管</a></li><li><a href="https://www.cdxwcx.com/city/shuangliu/" title="双流网站建设" target="_blank">双流网站建设</a></li><li><a href="http://m.cdcxhl.cn/mobile/ " title="手机网站设计" target="_blank">手机网站设计</a></li><li><a href="http://www.lbtcd.cn/" title="成都力比特" target="_blank">成都力比特</a></li><li><a href="http://www.cdkjz.cn/fangan/finance/" title="金融行业网站建设方案" target="_blank">金融行业网站建设方案</a></li> </ul> </div> </div> <div class="bot-footer"> <div class="wp"> <p class="wpss"> <em>Copyright &copy; 2002-2023 www.csdahua.cn 快上网建站品牌 QQ:244261566 版权所有</em> <em>备案号:<a href="http://beian.miit.gov.cn/" rel="external nofollow">蜀ICP备19037934号</a></em> </p> <p class="wpss" style="line-height:30px !important;"> </p> </div> </div> <div class="footer-kefu"> <ul> <li class="qq"><a href="https://wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes"><em></em>在线咨询</a> </li> <li class="tel"><a href="tel:13518219792" target="_blank"><em></em>13518219792</a></li> <li class="wx"> <em></em> <div class="code"> <img src="/Public/Home/images/ew.jpg" /> <p>微信二维码</p> </div> </li> <li class="m"> <em></em> <div class="code"> <img src="/Public/Home/images/ew.jpg" /> <p>移动版官网</p> </div> </li> <li class="top"><em></em></li> </ul> </div> <script src="/Public/Home/js/all.js"></script> </body> </html> <script> $(".cont 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>