名是什么?网页标题名是什么意思?详细解析

王尘宇 网站建设 161

在网页设计中,网页标题名是非常重要的元素之一。它不仅能够为用户提供简短的网页描述,还可以为搜索引擎提供关键信息,帮助网页优化,提高搜索排名。网页标题名究竟是什么?它的意义和作用是什么呢?下面我们一起来详细解析一下。

什么是网页标题名?

网页标题名,也称网页标题标签,是指网页代码中标签内的标签所包含的文字。网页标题名会出现在浏览器的标签页上,并作为搜索引擎显示网页的主要标题,同时也是浏览器书签和收藏夹的默认名称。</p><h3>网页标题名的作用</h3><p>网页标题名在网页设计中扮演着非常重要的角色。它有以下几个作用:</p><p>1. 提供简短的网页描述:网页标题名能够为用户提供一个简短的网页描述,让用户了解网页的主题和内容,提高用户的访问意愿。</p><p>2. 提高搜索引擎排名:搜索引擎会根据网页标题名来判断网页的主题和内容,从而提高网页的搜索排名。</p><p>3. 增加用户体验:网页标题名能够为用户提供一个清晰明了的网页描述,让用户在浏览器标签页上快速找到所需的网页,提高用户体验。</p><h3>如何编写网页标题名?</h3><p>编写一个优秀的网页标题名需要注意以下几点:</p><p>1. 简短明了:网页标题名应该简洁明了,突出网页的主题和内容,同时要避免过长的标题。</p><p>2. 含关键词:网页标题名应该包含网页的关键词,为搜索引擎提供重要信息,提高搜索排名。</p><p>3. 独特性:网页标题名应该具有独特性,避免和其他网页标题名雷同。</p><h3>网页标题名的优化</h3><p>为了进一步提高网页的搜索排名,我们可以对网页标题名进行优化。以下是几个优化的方法:</p><p>1. 包含关键词:在网页标题名中尽可能包含网页的关键词,让搜索引擎更容易识别网页的主题和内容。</p><p>2. 避免重复:避免在同一网站中使用相同的网页标题名,避免搜索引擎混淆和降低排名。</p><p>3. 突出主题:在网页标题名中突出网页的主题和重点内容,让用户更容易了解网页的主要内容。</p><h3>总结</h3><p>网页标题名是网页设计中非常重要的元素之一,它能够为用户提供简短的网页描述,为搜索引擎提供关键信息,进一步提高搜索排名。编写优秀的网页标题名需要注意简短明了、含关键词、独特性等方面,并且可以通过优化来进一步提高搜索排名。</p> <div class="topic-content"> </div> <p class="tag-wrap mt mb"> <i class="iconfont-air icon-tag"></i>标签: <span class="padding"><a class="tags br" href="https://www.wangchenyu.com/tags-882.html" title="网页设计">网页设计</a></span> <span class="padding"><a class="tags br" href="https://www.wangchenyu.com/tags-11140.html" title="网页标题名">网页标题名</a></span> <span class="padding"><a class="tags br" href="https://www.wangchenyu.com/tags-8.html" title="搜索引擎优化">搜索引擎优化</a></span> </p> <div class="art-copyright br mb"> <div><strong class="addr">本文地址:</strong> <a href="https://www.wangchenyu.com/jianzhan/552.html" target="_blank">https://www.wangchenyu.com/jianzhan/552.html</a></div> <div><span class="from">文章来源:</span> <a href="https://www.wangchenyu.com/author-1.html" rel="nofollow" target="_blank">王尘宇</a></div> <div><span class="copyright">版权声明:</span>除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。</div> </div> <div class="social-widget mt clearfix "> <!--打赏[可三码切换]--> <!--点赞--> <div class="thumbs-up-widget fl"> <div id="suiranx_air_thumbs_id-552" onclick="suiranx_air_thumbs('552')" class="thumbs-btn suiranx_air_thumbs"><i class="iconfont-air icon-thumb"></i><span class="num"></span></div> </div> <!--分享--> </div> </div> </article> <!-- 广告位AD5 --> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis"> <span class="prev">上一篇</span><strong><a href="https://www.wangchenyu.com/jianzhan/551.html"> 手机端是什么?手机端是什么意思?详解移动设备的概念和特点</a></strong> </p> <p class="post-next fr ellipsis"> <span class="next">下一篇</span><strong><a href="https://www.wangchenyu.com/jianzhan/557.html"> 名是什么字体及网页标题名是什么字体啊</a></strong> </p> </div> <div class="quick-prev-next"> <a class="prev iconfont-air icon-left" href="https://www.wangchenyu.com/jianzhan/551.html" rel="nofollow" title="上一个"> </a> <a class="next iconfont-air icon-right" href="https://www.wangchenyu.com/jianzhan/557.html" rel="nofollow" title="下一个"> </a> </div> <!--相关文章--> <div class="related-art sb br mb"> <p class="c-title"><span class="name">相关文章</span></p> <ul class="ul clearfix"> <li class="related-item mt fl"> <a href="https://www.wangchenyu.com/jianzhan/124830.html" title="网站域名是什么?域名起到什么作用?"> <span class="span br"> <img class="img br img-cover" src="https://www.wangchenyu.com/zb_users/cache/thumbs/c5f2ee5de4951bbf530a90e1a9652e39-320-200-1.png" alt="网站域名是什么?域名起到什么作用?" title="网站域名是什么?域名起到什么作用?"> </span> <p class="titile">网站域名是什么?域名起到什么作用?</p> </a> </li> <li class="related-item mt fl"> <a href="https://www.wangchenyu.com/jianzhan/124798.html" title="关键词热度是什么意思?"> <span class="span br"> <img class="img br img-cover" src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/random_img/3.jpg" alt="关键词热度是什么意思?" title="关键词热度是什么意思?"> </span> <p class="titile">关键词热度是什么意思?</p> </a> </li> <li class="related-item mt fl"> <a href="https://www.wangchenyu.com/jianzhan/124763.html" title="域名污染是什么意思?域名污染的解决办法"> <span class="span br"> <img class="img br img-cover" src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/random_img/8.jpg" alt="域名污染是什么意思?域名污染的解决办法" title="域名污染是什么意思?域名污染的解决办法"> </span> <p class="titile">域名污染是什么意思?域名污染的解决办法</p> </a> </li> <li class="related-item mt fl"> <a href="https://www.wangchenyu.com/jianzhan/113086.html" title="一个网站建设的基本流程是什么?"> <span class="span br"> <img class="img br img-cover" src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/random_img/2.jpg" alt="一个网站建设的基本流程是什么?" title="一个网站建设的基本流程是什么?"> </span> <p class="titile">一个网站建设的基本流程是什么?</p> </a> </li> <li class="related-item mt fl"> <a href="https://www.wangchenyu.com/jianzhan/100823.html" title=" 织梦CMS模板为什么不能升级及织梦CMS为什么不维护了"> <span class="span br"> <img class="img br img-cover" src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/random_img/9.jpg" alt=" 织梦CMS模板为什么不能升级及织梦CMS为什么不维护了" title=" 织梦CMS模板为什么不能升级及织梦CMS为什么不维护了"> </span> <p class="titile"> 织梦CMS模板为什么不能升级及织梦CMS为什么不维护了</p> </a> </li> <li class="related-item mt fl"> <a href="https://www.wangchenyu.com/jianzhan/100822.html" title=" 网店域名有什么作用?如何选择合适的网店域名?"> <span class="span br"> <img class="img br img-cover" src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/random_img/3.jpg" alt=" 网店域名有什么作用?如何选择合适的网店域名?" title=" 网店域名有什么作用?如何选择合适的网店域名?"> </span> <p class="titile"> 网店域名有什么作用?如何选择合适的网店域名?</p> </a> </li> </ul> </div> <div id="comment" class="post-comment clearfix sb br mt"> <p id="comments-title" class="c-title mb bn"><span>发布评论</span> <span class="comment-num"> (<span class="emphasize">0</span>条评论) </span></p> <div class="compost"> <form id="frmSumbit" target="_self" method="post" action="https://www.wangchenyu.com/zb_system/cmd.php?act=cmt&postid=552&key=3fab63cba238eae53329b47b51a27672"> <input type="hidden" name="inpId" id="inpId" value="552"/> <input type="hidden" name="inpRevID" id="inpRevID" value="0"/> <div class="com-name"> <a rel="nofollow" id="cancel-reply" href="#comments" style="display:none;">取消回复</a> </div> <div class="com-info"> <ul> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="inpName" id="inpName" value="" tabindex="2" placeholder="昵称(必填)"> </li> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="inpEmail" id="inpEmail" value="" tabindex="3" placeholder="邮箱"> </li> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="inpHomePage" id="inpHomePage" value="" tabindex="4" placeholder="网址"> </li> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="inpVerify" id="inpVerify" tabindex="4" placeholder="输入验证码"> <span class="verify"><img src="https://www.wangchenyu.com/zb_system/script/c_validcode.php?id=cmt" class="br verifyimg" title="Refresh code" alt="Refresh code" onclick="javascript:this.src='https://www.wangchenyu.com/zb_system/script/c_validcode.php?id=cmt&tm='+Math.random();" /></span> </li> </ul> </div> <div class="com-box"> <textarea placeholder="来都来了,说点什么吧..." class="textarea" name="txaArticle" id="txaArticle" cols="5" rows="5" tabindex="1"></textarea> </div> <div class="com-info"><button class="com-submit br brightness" name="sumbit" type="submit" tabindex="5" onclick="return zbp.comment.post()">发布评论</button></div> </form> </div> <div class="comment-list mt"> <p class="no-comment"><i class="iconfont-air icon-sofa"></i>还木有评论哦,快来抢沙发吧~</p> <label id="AjaxCommentBegin"></label> <div class="pagebar mb mt"> <div class="nav-links" style="display:none;"> </div> </div> <label id="AjaxCommentEnd"></label> </div> </div> <script> $("#on-new-reward").on("click", function() { $("body").append("<div id='reward-mask'></div>"); $("#new-reward").show(); }); $("#close").on("click", function() { $("#new-reward").hide(); $("#reward-mask").remove(); }); $(".payment-way").bind("click", function() { $(".qrcode-img").hide(); $(".qrCode_" + $(".payment-way").find("input[name=reward-way]:checked").val()).show(); }); </script> </div> <aside id="sidebar" class="hidden-sm-md-lg fr"> <div class="theiaStickySidebar"> <section id="widget_aside_author" class="widget widget_aside_author sb br mb"> <div class="title br" style="background:url('https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/author_bg.png') no-repeat;"> <a class="avatar" href="https://www.wangchenyu.com/author-1.html" target="_blank"><img class="img" src="https://www.wangchenyu.com/zb_users/avatar/0.png"> <!--<img src="https://www.wangchenyu.com/zb_users/avatar/0.png">--> </a> <div class="info"> <p class="name">王尘宇 <span class="level br">管理员</span> </p> <p class="intro">15余年西安SEO网站优化推广经验,提供百度推广优化,网络推广外包,网站排名优化服务,致力于前沿的网络推广技术,为中小企业提供全面的网络推广营销解决方案。</p> </div> </div> <ul class="ul mt"> <li class="li ellipsis"><i class="iconfont-air icon-right"></i><a href="https://www.wangchenyu.com/baike/113957.html" target="_blank">吉伦思顿品牌</a></li> <li class="li ellipsis"><i class="iconfont-air icon-right"></i><a href="https://www.wangchenyu.com/Help-Center/155297.html" target="_blank">抖音蓝v认证需要实名认证吗</a></li> <li class="li ellipsis"><i class="iconfont-air icon-right"></i><a href="https://www.wangchenyu.com/Help-Center/155298.html" target="_blank">如何进行抖音蓝V认证?蓝V认证步骤流程是什么?</a></li> </ul> </section> <section id="aside_hot_comment" class="widget widget_aside_hot_comment sb br mb"> <p class="c-title mb"><span class="name">热评文章</span></p> <ul class="widget-content aside_hot_comment"><li class="list clearfix"><a href="https://www.wangchenyu.com/baike/113229.html" title=" 手机连上wifi能上qq不能上网怎么回事?手机连上wifi能上qq但是打不开网页"><span class="img-wrap br"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/random_img/8.jpg" alt=" 手机连上wifi能上qq不能上网怎么回事?手机连上wifi能上qq但是打不开网页" class="img-cover br random-img"></span><div class="new-text"> <p class="title">手机连上wifi能上qq不能上网怎么回事?手机连上</p> <div class="info"> <span class="time"> <i class="iconfont-air icon-time"></i> 2023-07-27 </span> <span class="comment"> <i class="iconfont-air icon-comment"></i> 1 </span> </div> </div></a></li><li class="list clearfix"><a href="https://www.wangchenyu.com/post/103920.html" title=" 5.0快播下载及快播5.0官方下载 pc指南"><span class="img-wrap br"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/random_img/8.jpg" alt=" 5.0快播下载及快播5.0官方下载 pc指南" class="img-cover br random-img"></span><div class="new-text"> <p class="title">5.0快播下载及快播5.0官方下载 pc指南</p> <div class="info"> <span class="time"> <i class="iconfont-air icon-time"></i> 2023-07-03 </span> <span class="comment"> <i class="iconfont-air icon-comment"></i> 1 </span> </div> </div></a></li><li class="list clearfix"><a href="https://www.wangchenyu.com/post/79745.html" title="airpods pro怎么调音量大小"><span class="img-wrap br"><img src="https://www.wangchenyu.com/zb_users/cache/thumbs/c17f3ac07a4aca1d2078f6c0def860a0-120-90-1.jpg" alt="airpods pro怎么调音量大小" class="img-cover br random-img"></span><div class="new-text"> <p class="title">airpods pro怎么调音量大小</p> <div class="info"> <span class="time"> <i class="iconfont-air icon-time"></i> 2023-07-12 </span> <span class="comment"> <i class="iconfont-air icon-comment"></i> 1 </span> </div> </div></a></li><li class="list clearfix"><a href="https://www.wangchenyu.com/jiqiao/62245.html" title="电脑如何启用或关闭系统还原"><span class="img-wrap br"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/random_img/9.jpg" alt="电脑如何启用或关闭系统还原" class="img-cover br random-img"></span><div class="new-text"> <p class="title">电脑如何启用或关闭系统还原</p> <div class="info"> <span class="time"> <i class="iconfont-air icon-time"></i> 2023-06-08 </span> <span class="comment"> <i class="iconfont-air icon-comment"></i> 1 </span> </div> </div></a></li><li class="list clearfix"><a href="https://www.wangchenyu.com/baike/113957.html" title="吉伦思顿品牌"><span class="img-wrap br"><img src="https://www.wangchenyu.com/zb_users/cache/thumbs/2f4a38f7dc80f84c4db5dc47e2bd999b-120-90-1.png" alt="吉伦思顿品牌" class="img-cover br random-img"></span><div class="new-text"> <p class="title">吉伦思顿品牌</p> <div class="info"> <span class="time"> <i class="iconfont-air icon-time"></i> 2025-11-05 </span> <span class="comment"> <i class="iconfont-air icon-comment"></i> 0 </span> </div> </div></a></li><li class="list clearfix"><a href="https://www.wangchenyu.com/Help-Center/155446.html" title="抖音企业号10月份会有哪些调整?"><span class="img-wrap br"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/random_img/1.jpg" alt="抖音企业号10月份会有哪些调整?" class="img-cover br random-img"></span><div class="new-text"> <p class="title">抖音企业号10月份会有哪些调整?</p> <div class="info"> <span class="time"> <i class="iconfont-air icon-time"></i> 2025-10-11 </span> <span class="comment"> <i class="iconfont-air icon-comment"></i> 0 </span> </div> </div></a></li></ul> </section> <section id="aside_hot_tag" class="widget widget_aside_hot_tag sb br mb"> <p class="c-title mb"><span class="name">热门标签</span></p> <ul class="widget-content aside_hot_tag"><li><a href="https://www.wangchenyu.com/tags-184.html" title="U盘">U盘<span class="tag-count"> (1409)</span></a></li><li><a href="https://www.wangchenyu.com/tags-1220.html" title="U盘启动">U盘启动<span class="tag-count"> (1381)</span></a></li><li><a href="https://www.wangchenyu.com/tags-117.html" title="网站排名优化">网站排名优化<span class="tag-count"> (1265)</span></a></li><li><a href="https://www.wangchenyu.com/tags-741.html" title="用户体验">用户体验<span class="tag-count"> (1012)</span></a></li><li><a href="https://www.wangchenyu.com/tags-1426.html" title="BIOS设置">BIOS设置<span class="tag-count"> (979)</span></a></li><li><a href="https://www.wangchenyu.com/tags-1130.html" title="SEO">SEO<span class="tag-count"> (898)</span></a></li><li><a href="https://www.wangchenyu.com/tags-1802.html" title="SEO优化">SEO优化<span class="tag-count"> (872)</span></a></li><li><a href="https://www.wangchenyu.com/tags-801.html" title="网络营销">网络营销<span class="tag-count"> (845)</span></a></li><li><a href="https://www.wangchenyu.com/tags-1083.html" title="网站优化">网站优化<span class="tag-count"> (721)</span></a></li><li><a href="https://www.wangchenyu.com/tags-8.html" title="搜索引擎优化">搜索引擎优化<span class="tag-count"> (646)</span></a></li><li><a href="https://www.wangchenyu.com/tags-393.html" title="网站建设">网站建设<span class="tag-count"> (628)</span></a></li><li><a href="https://www.wangchenyu.com/tags-1020.html" title="系统安装">系统安装<span class="tag-count"> (612)</span></a></li><li><a href="https://www.wangchenyu.com/tags-873.html" title="Win10">Win10<span class="tag-count"> (597)</span></a></li><li><a href="https://www.wangchenyu.com/tags-1025.html" title="域名">域名<span class="tag-count"> (593)</span></a></li><li><a href="https://www.wangchenyu.com/tags-882.html" title="网页设计">网页设计<span class="tag-count"> (557)</span></a></li><li><a href="https://www.wangchenyu.com/tags-9552.html" title="网络安全">网络安全<span class="tag-count"> (526)</span></a></li><li><a href="https://www.wangchenyu.com/tags-157.html" title="网站设计">网站设计<span class="tag-count"> (514)</span></a></li><li><a href="https://www.wangchenyu.com/tags-1049.html" title="BIOS">BIOS<span class="tag-count"> (500)</span></a></li><li><a href="https://www.wangchenyu.com/tags-53.html" title="笔记本电脑">笔记本电脑<span class="tag-count"> (454)</span></a></li><li><a href="https://www.wangchenyu.com/tags-10904.html" title="Win7">Win7<span class="tag-count"> (446)</span></a></li></ul> </section> <section id="divComments" class="widget widget_comments sb br mb"> <p class="c-title mb"><span class="name">最新留言</span></p> <ul class="widget-content divComments"><li class="list clearfix"><span class="avatar fl"><a href="https://www.wangchenyu.com/baike/113229.html#cmt5"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/avatar/4.png" alt="多少度" title="多少度"></a></span><div class="title"> <a class="a ellipsis" href="https://www.wangchenyu.com/baike/113229.html#cmt5" title="查阅评论详情"> 访谈规划 </a> <div class="info"> <span class="author"> <i class="iconfont-air icon-user"></i> 多少度 </span> <span class="time"> 07-27 </span> </div> </div></li><li class="list clearfix"><span class="avatar fl"><a href="https://www.wangchenyu.com/post/79745.html#cmt4"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/avatar/15.png" alt="上海网站建设" title="上海网站建设"></a></span><div class="title"> <a class="a ellipsis" href="https://www.wangchenyu.com/post/79745.html#cmt4" title="查阅评论详情"> 感谢分享 </a> <div class="info"> <span class="author"> <i class="iconfont-air icon-user"></i> 上海网站建设 </span> <span class="time"> 07-12 </span> </div> </div></li><li class="list clearfix"><span class="avatar fl"><a href="https://www.wangchenyu.com/post/103920.html#cmt3"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/avatar/3.png" alt="天天下载" title="天天下载"></a></span><div class="title"> <a class="a ellipsis" href="https://www.wangchenyu.com/post/103920.html#cmt3" title="查阅评论详情"> 感谢分享! </a> <div class="info"> <span class="author"> <i class="iconfont-air icon-user"></i> 天天下载 </span> <span class="time"> 07-03 </span> </div> </div></li><li class="list clearfix"><span class="avatar fl"><a href="https://www.wangchenyu.com/jiqiao/62245.html#cmt2"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/avatar/15.png" alt="chips" title="chips"></a></span><div class="title"> <a class="a ellipsis" href="https://www.wangchenyu.com/jiqiao/62245.html#cmt2" title="查阅评论详情"> 你在说锤子呢,这么简单我还需要教程吗 </a> <div class="info"> <span class="author"> <i class="iconfont-air icon-user"></i> chips </span> <span class="time"> 06-19 </span> </div> </div></li><li class="list clearfix"><span class="avatar fl"><a href="https://www.wangchenyu.com/youhua/2758.html#cmt44"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/avatar/9.png" alt="沧海一粟横流" title="沧海一粟横流"></a></span><div class="title"> <a class="a ellipsis" href="https://www.wangchenyu.com/youhua/2758.html#cmt44" title="查阅评论详情"> 网站方面的优化现在好像特别难做 </a> <div class="info"> <span class="author"> <i class="iconfont-air icon-user"></i> 沧海一粟横流 </span> <span class="time"> 12-14 </span> </div> </div></li><li class="list clearfix"><span class="avatar fl"><a href="https://www.wangchenyu.com/youhua/2179.html#cmt79"><img src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/avatar/11.png" alt="赣州SEO2018" title="赣州SEO2018"></a></span><div class="title"> <a class="a ellipsis" href="https://www.wangchenyu.com/youhua/2179.html#cmt79" title="查阅评论详情"> 来逛逛 </a> <div class="info"> <span class="author"> <i class="iconfont-air icon-user"></i> 赣州SEO2018 </span> <span class="time"> 10-21 </span> </div> </div></li></ul> </section> </div> </aside> </div> <footer class="footer"> <div class="main container"> <div class="f-about fl"> <p class="title pb1">关于本站</p> <div class="intro">15余年西安SEO网站优化推广经验,提供百度推广优化,网络推广外包,网站排名优化服务,致力于前沿的网络推广技术,为中小企业提供全面的网络推广营销解决方案。</div> <small><span>Copyright © 2009 本站由 <a href="https://www.wangchenyu.com/" target="_blank">王尘宇</a>seo</span><span class="icp"><a rel="nofollow" href="https://beian.miit.gov.cn/">陕ICP备2022011564号</a></span></small> </div> <div class="f-contact fl"> <p class="title pb1">联系我们</p> <div><p>合作或咨询可通过如下方式:</p> <p><i class="iconfont icon-qq-fill"></i>QQ:314111741</p> <p><i class="iconfont icon-weibo-fill"></i>微博:weibo.com/24065479</p> <p><i class="iconfont icon-wechat-fill"></i>微信:wangshifucn</p></div> </div> <div class="f-qr fr"> <p class="title pb1">关注我们</p> <div><img class="img br" alt="王尘宇二维码" src="https://www.wangchenyu.com/zb_users/theme/suiranx_air/image/qr.jpg"/></div> </div> <div class="clear"></div> </div> <div id="toolbar" class="toolbar "> <a class="hidden-sm-md-lg btn qq sb br" href="http://wpa.qq.com/msgrd?v=3&uin=314111741&site=qq&menu=yes&from=message&isappinstalled=0" target="_blank" rel="nofollow"> <i class="iconfont-air icon-qq"></i> <span class="qqnum sb br"></span> </a> <div id="qr" class="hidden-sm-md-lg btn sb br"> <i class="iconfont-air icon-qr"></i> <img id="qr-img" class="br sb" src="https://www.wangchenyu.com/zb_users/upload/2023/06/202306061686054380111147.png" alt="二维码"> </div> <div id="totop" class="btn hidden sb br"> <i class="iconfont-air icon-top"></i> </div> </div> </footer> <script> //移动端点击btn回弹色值 document.getElementById('totop').addEventListener('click', function() { this.style.backgroundColor = '#0084ff'; this.querySelector('.iconfont-air').style.color = 'white'; setTimeout(() => { this.style.backgroundColor = 'white'; this.querySelector('.iconfont-air').style.color = '#333'; }, 500); }); </script> <!--黑色透明遮罩--> <div id="mask-hidden" class="mask-hidden transition"></div> <!--初始化Swiper--> <script> var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', centeredSlides: true, autoplay: 3500, slidesPerView: 1, paginationClickable: true, autoplayDisableOnInteraction: false, spaceBetween: 0, loop: true }); </script> <!--分页--> <script> var ias = $.ias({ container: ".new-post", item: "article", pagination: ".nav-links", next: ".nav-links .next a", }); ias.extension(new IASTriggerExtension({ text: '<i class="iconfont-air icon-refresh"></i>加载更多', offset: 1, })); ias.extension(new IASSpinnerExtension()); ias.extension(new IASNoneLeftExtension({ text: '已经加载完成!', })); ias.on('rendered', function(items) { $("img").lazyload({ effect: "fadeIn", failure_limit : 10 }); }) </script> <!--统计代码--> <!--百度自动推送代码开始--> <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> <!--百度自动推送代码结束--> <!--360自动收录代码开始--> <script> (function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?07ce40a6f8df17323104dbf0f5c0946f":"https://jspassport.ssl.qhimg.com/11.0.1.js?07ce40a6f8df17323104dbf0f5c0946f"; document.write('<script src="' + src + '" id="sozz"><\/script>'); })(); </script> <!--360自动收录代码结束--></body> </html><!--515.07 ms , 37 queries , 4115kb memory , 2 errors-->