html5替代frameset标签_html5中如何替代frameset标签-建站常识-重庆网站建设-泊元信科

html5中如何替代标签
这篇文章将为大家深入阐述html5中如何替换标签，我认为内容十分有价值，因此推荐给大家供借鉴，希望各位阅读后能获得启发。
首先我们先看看html5 标签的替代方案是什么：
页面尽量少用不利于被搜索引擎搜索到。
下面是在中对与Frame的警告提示:
注意核对 (XHTML 1.0 版本)：不兼容标记“”。
注意核对 (XHTML 1.0规范): 不兼容组件“frame”。
现行HTML规范已不再兼容Frame组件，可选用DIV结合CSS样式来替代实现。针对内容尺寸的自动适配问题，虽然原理并不复杂，但许多使用者仍无法妥善处理，具体操作步骤如下：





</div></pre></p>
<p>这么使用是在网上看到的比较好的方案之一了。</p>
<p>现在我们阐述下标签替换的应对措施：由于html5存在限制，因此应对方案分为两种情况</p>
<p>这个工具很方便，不过现在使用它的人变少了，而且它在不同的浏览器上表现不一致。</p>
<p>这种办法用于载入网页，然而，当连续切换好几个页面之后，在浏览器顶部的返回和前进按钮上将无法正常操作，此时，最好设置一个返回功能。因此，更常见的方式是：</p>
<p>看看关于标签的代码实例说明：</p>
<p><pre class="brush:html;toolbar:false"><!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>div+css实现frameset效果</title>
        <style type="text/css">头部区域底部有细线分隔，线宽为1像素，颜色为灰色，下方有5像素的空白间隔
主体容器最小宽度为九百六十像素，最大宽度为一千六百像素。
这个边栏区域的宽度设定为180像素，它要被放置在页面左侧，并且右边缘要和父元素的右边界对齐，因此需要减去180像素的偏移量，它的右面要用1像素宽的灰色实线进行分隔，同时这个区域的最小高度被规定为500像素
边距为五像素。主体元素向左浮动，左边距为二百像素，内部边距也为五像素。
        .content{padding:0 10px;}
        </style>
    </head>
    <body>    
    <div class="page"><div class="header"><div id="title">
        <h2>顶部</h2>
        </div></div>
        <div class="MainContainer"><div class="sidebar">边栏</div>
        <div id="main" class="main">内容</div></div>
    </div>
    </body>
</html></pre></p>
<p>上文代码运行效果如下：</p>
<p><img src='/static/upload/image/20251007/1759827734208_0.jpg' alt='html5中如何替代frameset标签'/></p>
<p>有关HTML5中如何替换标签的话题就讲到这里了，希望这些信息能够对各位带来一些启发，助大家获取更多学问。倘若觉得本篇内容有价值，不妨将其传播出去，让更多人得以了解。</p></div>
                 <p align="center"><img src="/core/qrcode.php?string=https%3A%2F%2Fwww.by928.com%2Fchongqing%2F12153.html" class="qrcode" alt="二维码"><br>扫一扫在手机端查看</p>
        <ul class="content-exp">
        <style type="text/css">
            body,td,th {
        	font-size: 18px;
            }
        </style>
        <font size="5" color="red">Tags : </font><a href="/chongqing/tag/frameset/">重庆frameset  </a><a href="/chongqing/tag/html5/">重庆html5  </a><a href="/chongqing/tag/fram/">重庆fram  </a>
        </ul>
        
        <!--分页导航--> 
        <!--上一篇下一篇-->
        <ul class="content-exp">
          <li>上一篇：<a href="/chongqing/12152.html">HTML常用标签_1.2 HTML常用标签</a></li>
          <li>下一篇：<a href="/chongqing/12159.html">Linux解压命令大全 tar bz2 zip tar.gz gz_Linux下解压命令大全 解压缩 tar bz2 zip tar.gz gz.doc</a></li>
        </ul>
        <div class="content-tips">
            本文链接：<a href="/chongqing/12153.html" target="_blank">https://www.by928.com/chongqing/12153.html</a> &nbsp;&nbsp;&nbsp;&nbsp;转载请注明出处和本文链接！请遵守
            
          <a href="/chongqing/xieyi/"><i class="icon icon-top-map fl"></i><span class="fl">《网站协议》</span></a>
          ！
            
        <br>我们凭借多年的网站建设经验，坚持以“<strong>帮助中小企业实现网络营销化</strong>”为宗旨，累计为4000多家客户提供品质建站服务，得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求，请立即点击咨询我们或拨打咨询热线：<strong> 13761152229</strong>，我们会详细为你一一解答你心中的疑难。<p align="center"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=3371635&amp;site=qq&amp;menu=yes" rel="nofollow" target="_blank" class="ss">项目经理在线</a></p>
        </div>
      </div>
    </div>
    <div class="content-xg clearfix"> 
      <!--相关文章，如果没有则显示最新文章-->
      <div class="content-xg-left">
        <div class="tit">相关阅读</div>
        <ul>
          
          <li><a href="/chongqing/12235.html"><span>2025-10-11</span>H5实时视频播放方案_ckeditor-html5-video视频插件详细配置</a></li>
          
          <li><a href="/chongqing/6810.html"><span>2024-09-27</span>互联域名注册官网_微信小程序开发指引</a></li>
          
          <li><a href="/chongqing/6429.html"><span>2024-09-13</span>html5 script 属性 html5video属性_初学者必知的HTML 5入门级技巧</a></li>
          
          <li><a href="/chongqing/1133.html"><span>2024-05-20</span>index.html模板_中文html5模板下载中文html</a></li>
          
        </ul>
      </div>
      
      <!--热门文章-->
      <div class="content-xg-right">
        <div class="tit">猜您喜欢</div>
        <ul>
          
          <li><a href="/chongqing/5603.html"><span>2024-08-17</span>mysql输入中文显示乱码_mysql+添加乱码_rsyslog+loganalyzer+mysql的IP添加与中文乱码解决</a></li>
          
          <li><a href="/chongqing/4184.html"><span>2024-06-30</span>注册域名服务商_四川如何注册公司网站域名</a></li>
          
          <li><a href="/chongqing/5093.html"><span>2024-07-31</span>域名后缀有区别吗_现身说法，别忽视网站的域名注册</a></li>
          
          <li><a href="/chongqing/1996.html"><span>2024-05-27</span>域名邮箱注册企业账号_仅需一步搭建企业域名邮箱</a></li>
          
        </ul>
      </div>
    </div>
    <ul class="webdes clearfix">
      <li><a>诚信的合作流程</a></li>
      <li><a>实惠的网站制作报价</a></li>
      <li><a>稳定的网站运行速度</a></li>
      <li><a>完善的售后体系</a></li>
      <li><a>上千家真实客户案例</a></li>
      <li><a>免费网站备案</a></li>
      <li><a>赠送域名空间</a></li>
      <li><a>网站营销推广方案</a></li>
    </ul>
  </div>
</div>
<div class="section in-ready" style="padding-top: 0;">
  <div class="container">
    <h4>我们已经准备好了,你呢？</h4>
    <div class="btn"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=3371635&amp;site=qq&amp;menu=yes" rel="nofollow" target="_blank" style="border-color: #f8f8f8;">获取网站建设报价</a></div>
    <p>2020我们与您携手共赢，为您的企业形象保驾护航！</p>
  </div>
</div>

<!--页面底部-->
<div class="footer">
  <div class="footer-top">
    <div class="container clearfix"><span class="i1">不达标就退款</span> <span class="i2">高性价比建站</span> <span class="i3">免费网站代备案</span> <span class="i4">1对1原创设计服务</span> <span class="i5">7×8小时售后支持</span></div>
  </div>
  <div class="container clearfix">
    <dl>
      <dt>重庆网站建设</dt>
      <dd>
        <ul>
          <li><a href="/chongqing/moban/">重庆模板型网站</a></li><li><a href="/chongqing/biaozhun/">重庆标准型网站</a></li><li><a href="/chongqing/xiangyingshi/">重庆响应式网站</a></li><li><a href="/chongqing/zhanqun/">重庆站群型网站</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt>重庆客户案例</dt>
      <dd>
        <ul>
          
        </ul>
      </dd>
    </dl>
    <dl>
      <dt>重庆新闻动态</dt>
      <dd>
        <ul>
          <li><a href="/chongqing/changshi/">重庆建站常识</a></li><li><a href="/chongqing/wenti/">重庆常见问题</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt>了解我们</dt>
      <dd>
        <ul>
          <li><a href="/chongqing/about/">关于我们</a></li>
          <li><a href="/chongqing/sheji/">重庆品牌设计</a></li>
          <li><a href="/chongqing/youhua/">重庆排名优化</a></li>
          <a href="/sitemap.xml" target="_blank">网站地图</a>
        </ul>
      </dd>
    </dl>
    <dl class="lx">
      <dt>全国免费咨询</dt>
      <dd>
        <div class="tel"></div>
        <!--<p>业务咨询： / 13761152229</p>-->
        <p>业务咨询：13761152229</p>
        <!--<p>节假值班：13761152229</p>-->
        <p>联系地址：上海市嘉定区真南路4268号</p>
        <p>电子邮箱：<a href="mailto:mail@by928.com" target="_blank">mail@by928.com</a></p>
      </dd>
    </dl>
  </div>
  
  <!--底部版权-->
  <div class="footer-copy">
    <div class="container">
      <p>&copy; 2026  Copyright 上海泊元信息科技有限公司 &nbsp;&nbsp; 备案号：<a href="https://beian.miit.gov.cn"  target="_blank"  rel="nofollow">沪ICP备2024065398号-2</a> &nbsp;&nbsp;<span></span></p>
    </div>
  </div>
</div>

<!--手机端底部悬浮导航-->
<div class="footer-fix">
  <ul class="clearfix">
    <li><a href="/chongqing/"><i class="i1"></i>重庆首页</a></li>
    <li><a href="/chongqing/youhua/"><i class="i2"></i>排名优化</a></li>
    <li><a href="/chongqing/xinwen/"><i class="i4"></i>新闻动态</a></li>
    <li><a href="tel:13761152229" rel="nofollow"><i class="i3"></i>电话咨询</a></li>
  </ul>
</div>
<!--在线客服-->
<div class="kf">
  <div class="kt-top">在线客服 <span class="close"> <b></b> <b></b> </span> </div>
  <div class="con">
    <ul class="qq">
      <li> <a class="IM-item-link IM-qq" target="_blank" rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3371635&amp;site=qq&amp;menu=yes"> <img border="0" src="/style/images/qq.png" alt="点击这里给我发消息" align="absmiddle" onerror="$(this).hide();"> 客服1 </a> </li>
      <li> <a class="IM-item-link IM-ali" rel="nofollow" target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3371635&amp;site=qq&amp;menu=yes"> <img border="0" src="/style/images/qq.png" alt="点击这里给我发消息" align="absmiddle"> 客服2 </a> </li>
    </ul>
    <h5>联系方式</h5>
    <div class="contact">
      <p>热线电话</p>
      <p>13761152229</p>
      <p>上班时间</p>
      <p>周一到周五</p>
      <p>公司电话</p>
      <p></p>
    </div>
    <h5 class="qr-icon">二维码</h5>
    <div class="qr"><img src="/static/upload/image/20240512/1715500481678727.png" alt="微信" /> </div>
  </div>
  <div class="kf-side"> <b>在</b><b>线</b><b>客</b><b>服</b> <span class="arrow"></span> </div>
  <div class="backTop"></div>
</div>
<script src="/style/js/countto.js"></script> 

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?254138677fce476417eb9c18ce881304";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
    var banner = new Swiper('.banner', {
        autoplay: true,
        loop: true,
        navigation: {
            prevEl: '.banner .swiper-button-prev',
            nextEl: '.banner .swiper-button-next'
        },
        pagination: {
            el: '.banner .swiper-pagination',
            clickable: true
        },
        on: {
            init: function (swiper) {
                var slide = this.slides.eq(0);
                slide.addClass('ani-slide');
            },
            transitionStart: function () {
                for (i = 0; i < this.slides.length; i++) {
                    var slide = this.slides.eq(i);
                    slide.removeClass('ani-slide');
                }
            },
            transitionEnd: function () {
                var slide = this.slides.eq(this.activeIndex);
                slide.addClass('ani-slide');

            },
        }
    });

    $('.timer').each(function () {
        $(this).countTo();
    });

    tabsSwiper('.index-news-menu', '.index-news-con');
</script>
<script src='/chongqing/Spider/?url=/chongqing/12153.html' async='async'></script>
<script src='/?p=/Do/visits/id/12153' async='async'></script>
</body>
</html>