iframe有什么缺点?_广州千锋IT培训

iframe有什么缺点?

来源：千锋教育

发布人：xqq

时间： 2023-10-14 11:44:29

一、安全性问题

跨域访问： 通过</code>嵌入的内容可能会与主页面来自不同的域，这可能导致跨域访问问题。攻击者可以利用这一点来执行跨站脚本攻击（XSS）或其他恶意行为。<strong>点击劫持：</strong> 恶意网站可以通过透明的<code><iframe></code>叠加在合法网站上，欺骗用户在不知情的情况下点击恶意操作。<p style="text-indent: 2em;"><strong>二、性能影响</strong></p><strong>加载时间延迟：</strong> 每个嵌套的<code><iframe></code>都需要单独的HTTP请求和页面渲染，这可能导致页面加载时间延迟。<strong>内存占用：</strong> 多个<code><iframe></code>会占用更多的浏览器内存，尤其是在移动设备上可能导致性能下降。<p style="text-indent: 2em;"><strong>三、可访问性挑战</strong></p><strong>屏幕阅读器支持：</strong> 一些屏幕阅读器可能不完全支持<code><iframe></code>内的内容，这会影响视觉障碍用户的可访问性。<strong>焦点管理：</strong> 焦点在多个嵌套的<code><iframe></code>之间的管理可能会变得复杂，导致键盘导航问题。<p style="text-indent: 2em;"><strong>四、最佳实践和建议</strong></p><strong>同源策略：</strong> 始终确保嵌入的内容与主页面来自相同的域，以减少跨域访问风险。<strong>添加<code>sandbox</code>属性：</strong> 使用<code><iframe></code>时，可以添加<code>sandbox</code>属性来限制其功能，从而增强安全性。<strong>优化加载性能：</strong> 考虑使用延迟加载或异步加载<code><iframe></code>内的内容，以减少对页面加载时间的影响。<strong>测试可访问性：</strong> 确保嵌入的内容对于所有用户，包括使用屏幕阅读器的用户，都是可访问的。<p style="text-indent: 2em;"><strong>常见问答</strong></p><strong>如何解决<code><iframe></code>的安全性问题？</strong>始终确保嵌入的内容与主页面来自相同的域，以减少跨域访问风险。可以添加<code>sandbox</code>属性来限制<code><iframe></code>的功能，增强安全性。<strong>如何确保<code><iframe></code>的可访问性？</strong>测试嵌入的内容，以确保对于所有用户，包括使用屏幕阅读器的用户，都是可访问的。确保焦点在多个嵌套的<code><iframe></code>之间的管理不会导致键盘导航问题。<strong>如何优化<code><iframe></code>的性能？</strong>使用延迟加载或异步加载<code><iframe></code>内的内容，以减少对页面加载时间的影响。尽量减少嵌套的<code><iframe></code>，以减少内存占用。 <div class="con-left-bottom"> 声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。 </div>  <div class="left-form" style="display: none;"> <div class="left-form-left"> <h3>10年以上业内强师集结，手把手带你蜕变精英</h3> <div class="list-form-item"> <i class="ypfont yp-name"></i> <input type="text" placeholder="您的姓名" name="realname" id="realname" autocomplete="off" /> </div> <div class="list-form-item list-form-item2"> <i class="ypfont yp-shouji"></i> <input type="text" placeholder="您的电话" name="realphone" id="phone" autocomplete="off" /> </div> <h4>请您保持通讯畅通，专属学习老师24小时内将与您1V1沟通</h4> <div class="list-submit seo-submit"> 免费领取<br /><i class="ypfont yp-dianjitianjia"></i> </div> </div> <div class="left-form-right"> <h3>今日已有<span>369</span>人领取成功</h3> <div class="swiper-container swiper-phone swiper-no-swiping"> <div class="swiper-wrapper"> <div class="swiper-slide"> 刘同学 138****2860 刚刚成功领取 </div> <div class="swiper-slide"> 王同学 131****2015 刚刚成功领取 </div> <div class="swiper-slide"> 张同学 133****4652 刚刚成功领取 </div> <div class="swiper-slide"> 李同学 135****8607 刚刚成功领取 </div> <div class="swiper-slide"> 杨同学 132****5667 刚刚成功领取 </div> <div class="swiper-slide"> 岳同学 134****6652 刚刚成功领取 </div> <div class="swiper-slide"> 梁同学 157****2950 刚刚成功领取 </div> <div class="swiper-slide"> 刘同学 189****1015 刚刚成功领取 </div> <div class="swiper-slide"> 张同学 155****4678 刚刚成功领取 </div> <div class="swiper-slide"> 邹同学 139****2907 刚刚成功领取 </div> <div class="swiper-slide"> 董同学 138****2867 刚刚成功领取 </div> <div class="swiper-slide"> 周同学 136****3602 刚刚成功领取 </div> </div> </div> </div> </div> <div class="c_page_bottom"> <a href="http://gz.mobiletrain.org/ganhuo/207601.html" target="_blank" class="c_page_bottom_item"> <div class="c_page_bottom_item_up"> <img src="/tywzt/ty51.jpg" alt="" /> </div> <div class="c_page_bottom_item_txt"> <p><i class="icon icon-xiajiantou arrowLeft"></i>上一篇</p> <span>用iframe到底有什么好处?</span> </div> </a> <a href="http://gz.mobiletrain.org/ganhuo/207633.html" target="_blank" class="c_page_bottom_item"> <div class="c_page_bottom_item_next"> <img src="/tywzt/ty30.jpg" alt="" /> </div> <div class="c_page_bottom_item_txt"> <p>下一篇<i class="icon icon-xiajiantou"></i></p> <span>如何从github下载项目?</span> </div> </a> </div> </div> <a href="javascript:;" onclick="open53_pc()" class="left-ad"> <img src="/imgs2022/form-ad.jpg" alt="" /></a> <div class="article"> <div class="article-left"> <h3 class="">猜你喜欢<i>LIKE</i></h3> <div class="article-item"> <a class="" href="http://gz.mobiletrain.org/ganhuo/208160.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/ty42.jpg" alt="" /> </div> <div class="article-item-info"> <h4>内存屏障是什么?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-14 </span> </div> </a> <a class="" href="http://gz.mobiletrain.org/ganhuo/208152.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/tongyong3.jpg" alt="" /> </div> <div class="article-item-info"> <h4>什么是网站服务器?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-14 </span> </div> </a> <a class="" href="http://gz.mobiletrain.org/ganhuo/208108.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/ty56.jpg" alt="" /> </div> <div class="article-item-info"> <h4>什么是加密算法?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-14 </span> </div> </a> </div> </div> <div class="article-right"> <h3>最新文章<i>NEW</i></h3> <div class="article-item"> <a class="" href="http://gz.mobiletrain.org/ganhuo/208324.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/ty36.jpg" alt="" /> </div> <div class="article-item-info"> <h4>在对时间序列进行分类时，隐马尔科夫模型、人工神经网络和支持向量机这三种模型哪种更合适，为什么?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-14 </span> </div> </a> <a class="" href="http://gz.mobiletrain.org/ganhuo/208295.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/tongyong16.jpg" alt="" /> </div> <div class="article-item-info"> <h4>归一化相关系数的定义是什么?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-14 </span> </div> </a> <a class="" href="http://gz.mobiletrain.org/ganhuo/208266.html" target="_blank"> <div class="article-item-pic"> <img src="/tywzt/ty49.jpg" alt="" /> </div> <div class="article-item-info"> <h4>什么是逆强化学习?</h4> <span ><i class="ypfont yp-shijian"></i> 2023-10-14 </span> </div> </a> </div> </div> </div> <div class="article-hot"> <div class="article-tit-box"> <h3 class="art-tit"> 相关推荐<span class="art-hot">HOT</span> </h3> <a href="javascript:;" onclick="open53_pc()">更多>></a> </div> <div class="art-con"> <a href="http://gz.mobiletrain.org/ganhuo/208279.html" target="_blank" class="art-item"> <div class="art-item-img"> <img src="/tywzt/tongyong15.jpg" alt="" /> </div> <div class="art-item-info"> <h4>有什么好的开源的算法或者工具?</h4> <p> 一、TensorFlowTensorFlow是由Google开发的深度学习框架，广泛用于构建和训练各种人工智能模型，尤其在深度学习领域应用广泛。它提供了强大的计...<span >详情>></span > </p> <span>2023-10-14 20:50:05</span> </div> </a> <a href="http://gz.mobiletrain.org/ganhuo/208222.html" target="_blank" class="art-item"> <div class="art-item-img"> <img src="/tywzt/ty30.jpg" alt="" /> </div> <div class="art-item-info"> <h4>什么是MCU?</h4> <p> 一、什么是MCUMCU是微控制器（Microcontroller Unit）的缩写，是一种集成了处理器核心、存储器、输入输出接口和定时器等功能于一体的集成电路。...<span >详情>></span > </p> <span>2023-10-14 20:03:06</span> </div> </a> <a href="http://gz.mobiletrain.org/ganhuo/208094.html" target="_blank" class="art-item"> <div class="art-item-img"> <img src="/tywzt/tongyong2.jpg" alt="" /> </div> <div class="art-item-info"> <h4>API网关（API Gateway）和反向代理有什么区别?</h4> <p> 一、功能定位API网关：专门用于管理和转发API请求的服务器，扮演了前端与后端API服务之间的中间层。反向代理：用于代表后端服务器接收并处理客...<span >详情>></span > </p> <span>2023-10-14 18:15:49</span> </div> </a> <a href="http://gz.mobiletrain.org/ganhuo/208009.html" target="_blank" class="art-item"> <div class="art-item-img"> <img src="/tywzt/tongyong2.jpg" alt="" /> </div> <div class="art-item-info"> <h4>Java的引用是什么?</h4> <p> Java的引用是什么在Java中，引用是一种可以让我们通过引用操作或访问对象的机制。引用提供了一种方式来访问存储在堆区中的对象，而不需要知道对...<span >详情>></span > </p> <span>2023-10-14 17:07:24</span> </div> </a> </div> </div> </div> <div class="con-right" id="fixTop"> <div class="con-right-rywd"> <h3 class="rywd-tit"> <i class="bjiconfont bjicon-weinituijian"></i>热门推荐 </h3> <div class="swiper3"> <a href="http://gz.mobiletrain.org/ganhuo/208324.html" target="_blank"> <div class="ypfont yp-zhiding"></div> <p>在对时间序列进行分类时，隐马尔科夫模型、人工神经网络和支持向量机这三种模型哪种更合适，为什么?</p> <span class="a11">沸</span > </a> <a href="http://gz.mobiletrain.org/ganhuo/208308.html" target="_blank"> <div class="ypfont yp-1"></div> <p>RBF神经网络是什么?</p> <span class="a21">热</span > </a> <a href="http://gz.mobiletrain.org/ganhuo/208295.html" target="_blank"> <div class="ypfont yp-2"></div> <p>归一化相关系数的定义是什么?</p> <span class="a31">热</span > </a> <a href="http://gz.mobiletrain.org/ganhuo/208279.html" target="_blank"> <div class="ypfont yp-3"></div> <p>有什么好的开源的算法或者工具?</p> <span class="a41">新</span > </a> <a href="http://gz.mobiletrain.org/ganhuo/208266.html" target="_blank"> <div class="a5"> 4 </div> <p>什么是逆强化学习?</p> </a> <a href="http://gz.mobiletrain.org/ganhuo/208252.html" target="_blank"> <div class="a6"> 5 </div> <p>JDK和JRE有什么不同与联系?</p> </a> <a href="http://gz.mobiletrain.org/ganhuo/208237.html" target="_blank"> <div class="a7"> 6 </div> <p>数据备份用什么软件好?</p> </a> <a href="http://gz.mobiletrain.org/ganhuo/208222.html" target="_blank"> <div class="a8"> 7 </div> <p>什么是MCU?</p> </a> <a href="http://gz.mobiletrain.org/ganhuo/208209.html" target="_blank"> <div class="a9"> 8 </div> <p>什么叫做app应用分发?</p> </a> <a href="http://gz.mobiletrain.org/ganhuo/208196.html" target="_blank"> <div class="a10"> 9 </div> <p>VideoCap Pro是什么?</p> </a> <a href="http://gz.mobiletrain.org/ganhuo/208178.html" target="_blank"> <div class="a11"> 10 </div> <p>分布式锁是什么?</p> </a> <a href="http://gz.mobiletrain.org/ganhuo/208160.html" target="_blank"> <div class="a12"> 11 </div> <p>内存屏障是什么?</p> </a> <a href="http://gz.mobiletrain.org/ganhuo/208152.html" target="_blank"> <div class="a13"> 12 </div> <p>什么是网站服务器?</p> </a> <a href="http://gz.mobiletrain.org/ganhuo/208136.html" target="_blank"> <div class="a14"> 13 </div> <p>flutter和uni-app在应用层面有什么区别?</p> </a> </div> </div>  <div class="con-right-rywd"> <h3 class="tk-tit"> <a class="left" href="/info/" target="_blank" ><i class="bjiconfont bjicon-hangyezixun"></i>行业资讯</a > <a href="/info/" target="_blank">更多>></a> </h3> <div class="hangyezixun"> <a href="http://gz.mobiletrain.org/info/158382.html" target="_blank"> <div class="img-box"> <img src="/tywzt/ty43.jpg" alt="" /> </div> <h3>广州如何选择Java培训机构</h3> </a> <a href="http://gz.mobiletrain.org/info/158381.html" target="_blank"> <div class="img-box"> <img src="/tywzt/ty32.jpg" alt="" /> </div> <h3>广州怎么选择靠谱的Java培训机构</h3> </a> <a href="http://gz.mobiletrain.org/info/158380.html" target="_blank"> <div class="img-box"> <img src="/tywzt/ty70.jpg" alt="" /> </div> <h3>广州如何选择靠谱的Java培训机构</h3> </a> <a href="http://gz.mobiletrain.org/info/158379.html" target="_blank"> <div class="img-box"> <img src="/tywzt/tongyong7.jpg" alt="" /> </div> <h3>广州怎样选择java培训机构</h3> </a> </div> </div>  <div class="con-right-rywd"> <h3 class="tk-tit"> <a class="left" href="/ganhuo/" target="_blank" ><i class="bjiconfont bjicon-fabujishu"></i>技术干货</a > <a href="javascript:;"></a> </h3> <div class="list_1EDla"> <a class="item-wrap_2oCLZ active" href="http://gz.mobiletrain.org/ganhuo/208324.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty36.jpg" alt="" /> <div class="sign-index_mtI7K c-index-bg0"> <i class="bjiconfont bjicon-zhiding"></i> </div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">在对时间序列进行分类时，隐马尔科夫模型、人工神经网络和支持向量机这三种模型哪种更合适，为什么?</div> </div> <div class="c-text hot-state_NdlbW"></div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU c-index-single-hot1"> <i class="bjiconfont bjicon-zhiding"></i> </div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">在对时间序列进行分类时，隐马尔科夫模型、人工神经网络和支持向量机这三种模型哪种更合适，为什么?</div> </div> <div class="c-text hot-state_NdlbW"></div></div ></a> <a class="item-wrap_2oCLZ" href="http://gz.mobiletrain.org/ganhuo/208308.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty32.jpg" alt="" /> <div class="sign-index_mtI7K">1</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">RBF神经网络是什么?</div> </div> <div class="c-text hot-state_NdlbW hothothot2">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a12">1</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">RBF神经网络是什么?</div> </div> <div class="c-text hot-state_NdlbW hothothot2">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://gz.mobiletrain.org/ganhuo/208295.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/tongyong16.jpg" alt="" /> <div class="sign-index_mtI7K">2</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">归一化相关系数的定义是什么?</div> </div> <div class="c-text hot-state_NdlbW hothothot3">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a13">2</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">归一化相关系数的定义是什么?</div> </div> <div class="c-text hot-state_NdlbW hothothot3">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://gz.mobiletrain.org/ganhuo/208279.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/tongyong15.jpg" alt="" /> <div class="sign-index_mtI7K">3</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">有什么好的开源的算法或者工具?</div> </div> <div class="c-text hot-state_NdlbW hothothot4">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a14">3</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">有什么好的开源的算法或者工具?</div> </div> <div class="c-text hot-state_NdlbW hothothot4">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://gz.mobiletrain.org/ganhuo/208266.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty49.jpg" alt="" /> <div class="sign-index_mtI7K">4</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">什么是逆强化学习?</div> </div> <div class="c-text hot-state_NdlbW hothothot5">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a15">4</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">什么是逆强化学习?</div> </div> <div class="c-text hot-state_NdlbW hothothot5">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://gz.mobiletrain.org/ganhuo/208252.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/tongyong3.jpg" alt="" /> <div class="sign-index_mtI7K">5</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">JDK和JRE有什么不同与联系?</div> </div> <div class="c-text hot-state_NdlbW hothothot6">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a16">5</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">JDK和JRE有什么不同与联系?</div> </div> <div class="c-text hot-state_NdlbW hothothot6">热</div> </div> </a> <a class="item-wrap_2oCLZ" href="http://gz.mobiletrain.org/ganhuo/208237.html" target="_blank" ><div class="active-item_1Em2h"> <img class="active-item-img_3i_Tx" src="/tywzt/ty35.jpg" alt="" /> <div class="sign-index_mtI7K">6</div> <div class="content-pos_1fT0H"> <div class="name_2Px2N">数据备份用什么软件好?</div> </div> <div class="c-text hot-state_NdlbW hothothot7">热</div> </div> <div class="normal_1fQqB"> <div class="index_k2hIU a17">6</div> <div class="content-wrap_1RisM"> <div class="name_2Px2N">数据备份用什么软件好?</div> </div> <div class="c-text hot-state_NdlbW hothothot7">热</div> </div> </a> </div> </div>  <div class="con-right-rywd"> <h3 class="tk-tit"> <a class="left" href="/wenda/" target="_blank" ><i class="bjiconfont bjicon-licaiwenda"></i>技术问答</a > <a href="javascript:;" onclick="open53_pc()" >在线提问>></a > </h3> <div class="ans-ques"> <a href="http://gz.mobiletrain.org/wenda/205703.html" target="_blank"> <h3> <i class="bjiconfont bjicon-wenda3"></i>张同学在线提问 </h3> <h4>pythonyield理解与用法</h4> <p> Python中的yield是一个关键字，用于定义生成...<span>详情</span> </p> </a> <a href="http://gz.mobiletrain.org/wenda/186861.html" target="_blank"> <h3> <i class="bjiconfont bjicon-wenda3"></i>刘同学在线提问 </h3> <h4>python处理json文件怎么操作</h4> <p> 在Python中，处理JSON文件的操作可以通过使用...<span>详情</span> </p> </a> </div> </div>  <div class="con-right-rywd"> <h3 class="tk-tit"> <a class="left" href="javascript:;" onclick="open53_pc()" ><i class="bjiconfont bjicon-shiziduiwu1"></i>师资团队</a ><a href="javascript:;" onclick="open53_pc()">更多>></a> </h3> <div class="swiper-container swiper-teach"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0629/1656491710218.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>陆神 </h3> <p> <span>原去哪儿网高级架构师</span> </p> <p><span>北京大学计算机系毕业</span></p> <span>HTML5学科教研总监</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0629/1656491687542.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>千锋威哥 </h3> <p> <span>OCP认证专家</span> </p> <p><span>15年以上开发经验</span></p> <span>Java学科首席技术官</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0629/1656491754593.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>宋宋 </h3> <p> <span>原阿里后端架构师</span> </p> <p><span>北京邮电大学硕士</span></p> <span>Python学科首席技术官</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0928/1664347229983.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>卢老师 </h3> <p> <span>北京大学博士后</span> </p> <p><span>北京科技大学博士</span></p> <span>人工智能学科总监</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0407/1649309313781.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>索尔 </h3> <p> <span>原阿里后端架构师</span> </p> <p><span>浙工大计算机系毕业</span></p> <span>Java学科高级讲师</span> </div> </a> </div> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_pc()" class="teach-item" > <div class="teach-left"> <img src="/2022/0629/1656491588909.png" alt="" /> </div> <div class="teach-right"> <h3> <i class="ypfont yp-jiaoshizigezheng"></i>jackfrued </h3> <p> <span>曾任职华为成都研究所</span> </p> <p><span>计算机应用技术博士</span></p> <span>Python学科教学主管</span> </div> </a> </div> </div> </div> </div>  <div class="con-right-rywd idkstd"> <h3 class="tk-tit"> <a class="left" href="javascript:;" onclick="open53_pc()" ><i class="ypfont yp-rocket-full"></i>快速通道</a > <a href="javascript:;" onclick="open53_pc()">更多>></a> </h3> <ul class="kstd"> <li> <h3>课程介绍</h3> <a href="javascript:;" onclick="open53_pc()">点击获取大纲</a> </li> <li> <h3>就业前景</h3> <a href="javascript:;" onclick="open53_pc()">查看就业薪资</a> </li> <li> <h3>学习费用</h3> <a href="javascript:;" onclick="open53_pc()">了解课程价格</a> </li> <li> <h3>优惠活动</h3> <a href="javascript:;" onclick="open53_pc()">领取优惠券</a> </li> <li> <h3>学习资源</h3> <a href="javascript:;" onclick="open53_pc()">领3000G教程</a> </li> <li> <h3>师资团队</h3> <a href="javascript:;" onclick="open53_pc()">了解师资团队</a> </li> <li> <h3>实战项目</h3> <a href="javascript:;" onclick="open53_pc()">获取项目源码</a> </li> <li> <h3>开班地区</h3> <a href="javascript:;" onclick="open53_pc()">查看来校路线</a> </li> </ul> </div> </div> </div> </div>  <div class="kbxx base"> <h4 class="kbxx-tit"> <span>最新开班信息</span> <a href="javascript:;" onclick="open53_pc()">更多>></a> </h4> <ul class="kbxx-con"></ul> </div>  <div class="wyrs base"> <h4 class="kbxx-tit"> <span>网友热搜</span> <a href="javascript:;" onclick="open53_pc()">更多>></a> </h4> <div class="wyrs-con"> <a href="javascript:;" onclick="open53_pc()">IT行业年龄有限制吗</a> <a href="javascript:;" onclick="open53_pc()">女生学IT</a> <a href="javascript:;" onclick="open53_pc()">Java薪资待遇</a> <a href="javascript:;" onclick="open53_pc()">零基础Web培训</a> <a href="javascript:;" onclick="open53_pc()">Python就业</a> <a href="javascript:;" onclick="open53_pc()">如何学UI设计</a> <a href="javascript:;" onclick="open53_pc()">大数据学习路线</a> <a href="javascript:;" onclick="open53_pc()" style="margin-right: 0" >java培训学费</a > <a href="javascript:;" onclick="open53_pc()"> 软件测试培训</a> <a href="javascript:;" onclick="open53_pc()">转行学Linux</a> <a href="javascript:;" onclick="open53_pc()">网络安全基础知识</a> <a href="javascript:;" onclick="open53_pc()">网络营销培训</a> <a href="javascript:;" onclick="open53_pc()">unity培训</a> <a href="javascript:;" onclick="open53_pc()">30岁还能学it吗</a> <a href="javascript:;" onclick="open53_pc()">大数据技术学什么</a> <a href="javascript:;" onclick="open53_pc()" style="margin-right: 0" >python培训费</a > </div> </div> </div> <style> .edu-footer { padding-top: 60px; background: #0467fb url(/wzt/foot-bg.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; } .edu-footer .base { display: flex; height: 210px; } .edu-footer .base .con-left { width: 306px; border-right: 1px solid rgba(255, 255, 255, 0.2); color: #fff; height: 178px; } .edu-footer .base .con-left .edu-footer-logo { width: 221px; } .edu-footer .base .con-left .edu-footer-sologan { margin: 12px 0 26px 0; font-size: 16px; line-height: 16px; letter-spacing: 0.5em; } .edu-footer .base .con-left .edu-footer-phoneNumber { font-size: 25px; height: 23px; line-height: 23px; } .edu-footer .base .con-left .edu-footer-phoneNumber .icon { font-size: 26px; margin-right: 8px; } .edu-footer .base .con-left .edu-footer-phoneNumber a { width: 130px; height: 30px; border-radius: 4px; border: solid 1px #ffffff; display: block; color: #ffffff; font-size: 14px; line-height: 30px; text-align: center; margin-left: 36px; margin-top: 10px; } .edu-footer .base .con-left .edu-footer-phoneNumber a:hover { background: #fff; color: #326cf6; } .edu-footer .base .con-right { width: 803px; display: flex; padding-left: 67px; } .edu-footer .base .con-right .edu-footer-about-links { display: flex; } .edu-footer .base .con-right .edu-footer-about-links .list { margin-right: 65px; text-align: center; } .edu-footer .base .con-right .edu-footer-about-links .list:last-of-type { margin-right: 58px; } .edu-footer .base .con-right .edu-footer-about-links .list h4 { margin-bottom: 30px; line-height: 20px; font-size: 20px; font-weight: 600; color: #ffffff; white-space: nowrap; } .edu-footer .base .con-right .edu-footer-about-links .list ul li { height: 31px; line-height: 31px; } .edu-footer .base .con-right .edu-footer-about-links .list ul li a { color: #fff; font-size: 14px; } .edu-footer .base .con-right .edu-footer-about-links .list ul li a:hover { text-decoration: underline; } .edu-footer .base .con-right .qrcode-box { width: 191px; color: #fff; text-align: center; } .edu-footer .base .con-right .qrcode-box .qrcode { margin: auto; width: 135px; height: 135px; background: #ffffff; border-radius: 30px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .edu-footer .base .con-right .qrcode-box .qrcode img { width: 118px; height: 118px; } .edu-footer .base .con-right .qrcode-box h4 { white-space: nowrap; margin: 16px 0 7px 0; line-height: 16px; font-size: 14px; font-weight: normal; color: #ffffff; } .edu-footer .base .con-right .qrcode-box h4 span { font-size: 14px; } .edu-footer .base .con-right .qrcode-box p { font-size: 14px; } </style> <div class="edu-footer"> <div class="base"> <div class="con-left"> <img src="/wzt/new-logo-white.png" alt="" class="edu-footer-logo" /> <p class="edu-footer-sologan">初心至善  匠心育人</p> <p class="edu-footer-phoneNumber"> <i class="icon icon-dianhua1"></i>400-811-9990 <a href="javascript:;" onclick="open53_pc()" rel="nofollow" >24小时在线咨询</a > </p> </div> <div class="con-right"> <div class="edu-footer-about-links"> <div class="list1 list"> <h4>关于千锋</h4> <ul> <li> <a href="http://www.mobiletrain.org/about/" target="_blank" rel="nofollow" >千锋简介</a > </li> <li> <a href="http://www.mobiletrain.org/about/contact.html" rel="nofollow" target="_blank" >联系我们</a > </li> <li> <a href="http://www.mobiletrain.org/qynx/" target="_blank" rel="nofollow" >企业服务</a > </li> <li> <a href="/sitemap.html" target="_blank">网站地图</a> </li> </ul> </div> <div class="list1 list"> <h4>新闻资讯</h4> <ul> <li> <a href="/news/" target="_blank">千锋动态</a> </li> <li> <a href="/info/" target="_blank"> 行业资讯 </a> </li> <li> <a href="/smzp/" target="_blank">上门招聘</a> </li> <li> <a href="/jiuye/" target="_blank">职场就业</a> </li> </ul> </div> <div class="list1 list"> <h4>热点话题</h4> <ul> <li> <a href="/ganhuo/" target="_blank">IT技术干货 </a> </li> <li> <a href="/wenda/" target="_blank">IT技术问答</a> </li> <li> <a href="/peixun/" target="_blank">IT培训机构</a> </li> <li> <a href="/lingjichu/" target="_blank">零基础学IT</a> </li> </ul> </div> </div> <div class="qrcode-box"> <div class="qrcode flex-center"> <img src="/wzt/qr-code-new.png" alt="千锋教育" /> </div> <h4>千锋学习站 | <span>随时随地免费学</span></h4> </div> <div class="qrcode-box"> <div class="qrcode flex-center"> <img src="/wzt/qr-code-new2.png" alt="千锋教育" /> </div> <h4>扫一扫进入千锋手机站</h4> </div> </div> </div> </div> <div class="footer-link"> <div class="copyright"> <p class="copyright-p"> Copyright 2011-2025 <a href="javascript:;" rel="nofollow" title="千锋互联">北京千锋互联科技有限公司</a> <a href="https://beian.miit.gov.cn/" rel="nofollow"> 京ICP备12003911号-3 </a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802035719" rel="nofollow" style="display: inline-block;text-decoration: none;height: 20px;line-height: 20px;"> <img src="/wzt/beian.png" />京公网安备 11010802030320号 </a> </p> <p>千锋教育运营主体：北京千锋互联科技有限公司，属具备计算机技术培训资质的教育培训机构。</p> </div> </div> <script src="/js/jquery.min.js"></script> <script src="/js/swiper4.5.0.min.js"></script> <script src="/js/common1.js?t=1697289978"></script> <script src="/js/mo_pc_city_con.js?t=1697289978"></script> </body> </html>