静态网页，是指在浏览器中呈现出来的页面内容是由事先准备好的 HTML 文件和附带的 CSS 样式表组成的。相比于动态网页，静态网页在交互性、数据处理等方面存在一定的局限性，但在网站建设初期或对特定需求的网页构建中仍有其不可替代的作用。本文将从多个方面来详细阐述静态网页主要由什么组成及其作用。
一、HTML 文件
HTML 是组成静态网页的基础，它定义了页面的结构和内容。HTML 文件由标记语言编写而成，标签的嵌套关系决定了页面的层次结构，标签的属性则定义了页面的各种元素和属性。最基本的标签包括、
、
、<body>等，而<img>、<a>、<div>、<span>等标签则用于定义图片、链接、块级元素和行内元素等。HTML 文件的结构清晰、层次分明，使得页面的内容能够便捷地被浏览器渲染成为易于阅读的文本和图像。</p><h3>二、CSS 样式表</h3><p>CSS 是用于描述 HTML 文件呈现效果的样式表语言。它通过定义各种选择器和属性，来实现对网页布局、颜色、字体等方面的样式控制。CSS 样式表的主要作用是增强页面的美观性和可读性，同时也是网站品牌形象的重要组成部分。通过合理地运用 CSS 样式表，可以制作出具有视觉冲击力和用户体验的网页。</p><h3>三、JavaScript 脚本</h3><p>JavaScript 脚本是用于实现动态效果和交互行为的编程语言，它可以让静态网页具备一定的交互性和动态性。通过调用 DOM 接口和浏览器 API，JavaScript 脚本能够实现响应用户事件、改变页面样式、发送网络请求等一系列功能。在静态网页中，JavaScript 脚本主要用于实现表单验证、轮播图、下拉菜单等功能。</p><h3>四、图片和媒体文件</h3><p>图片和媒体文件是静态网页中不可或缺的元素，它们能够丰富页面内容和提高页面的视觉效果。网页中常见的图片格式包括 JPEG、PNG、GIF 等，而音频、视频等媒体文件则由特定的格式封装，如 MP3、MP4 等。通过合理地使用图片和媒体文件，可以让静态网页更加生动形象。</p><h3>五、超链接和导航栏</h3><p>超链接和导航栏是静态网页的重要组成部分，它们能够方便用户浏览不同页面之间的关系。超链接通过指定目标 URL，实现从当前页面跳转到其他页面的功能；导航栏则通过链接列表或下拉菜单，提供网站的各个功能入口。合理地组织超链接和导航栏的结构，能够增强网站的可用性和用户体验。</p><h3>六、响应式设计</h3><p>响应式设计是指根据用户设备的不同，自适应地调整页面的布局和样式，以保证在不同屏幕尺寸上的视觉效果和交互体验一致。在静态网页中，响应式设计通过使用 CSS 媒体查询和弹性盒模型等技术实现。它能够让静态网页具备更好的适应性和可访问性，提高网站的重要性和用户留存率。</p><h3>七、SEO 优化</h3><p>SEO（Search Engine Optimization）是指通过对网页的优化，提高网站在搜索引擎中的排名，增加网站的流量和曝光度。在静态网页中，通过合理地使用标题、描述、关键词等标签，以及优化页面内容和结构，能够提高网站的搜索排名，增加用户访问量和转化率。</p><h3>八、性能优化</h3><p>性能优化是指通过对页面的加载速度、响应时间和资源占用等方面进行优化，提高网站的访问速度和用户体验。在静态网页中，通过合理地压缩和精简 HTML、CSS、JavaScript 文件，以及使用 CDN 加速、图片懒加载等技术，能够提高网站的性能，减少用户的等待时间。</p><p>静态网页主要由 HTML 文件、CSS 样式表、JavaScript 脚本、图片和媒体文件、超链接和导航栏、响应式设计、SEO 优化和性能优化等组成。它们共同构成了一个完整的静态网页，为用户提供了良好的浏览体验和视觉效果，也为网站的品牌形象提供了重要支撑。</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-11015.html" title="静态网页">静态网页</a></span>
<span class="padding"><a class="tags br" href="https://www.wangchenyu.com/tags-1124.html" title="HTML">HTML</a></span>
<span class="padding"><a class="tags br" href="https://www.wangchenyu.com/tags-1135.html" title="CSS">CSS</a></span>
<span class="padding"><a class="tags br" href="https://www.wangchenyu.com/tags-10811.html" title="JavaScript">JavaScript</a></span>
<span class="padding"><a class="tags br" href="https://www.wangchenyu.com/tags-9821.html" title="响应式设计">响应式设计</a></span>
<span class="padding"><a class="tags br" href="https://www.wangchenyu.com/tags-1130.html" title="SEO">SEO</a></span>
<span class="padding"><a class="tags br" href="https://www.wangchenyu.com/tags-17057.html" title="性能优化">性能优化</a></span>
</p>
<div class="art-copyright br mb">
<div><strong class="addr">本文地址：</strong>
<a href="https://www.wangchenyu.com/jianzhan/54210.html" target="_blank">https://www.wangchenyu.com/jianzhan/54210.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-54210" onclick="suiranx_air_thumbs('54210')" 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/54208.html"> 什么是PHP及其语言？</a></strong>
</p>
<p class="post-next fr ellipsis">
<span class="next">下一篇</span><strong><a href="https://www.wangchenyu.com/jianzhan/54224.html"> 为什么打开QQ空间很慢？</a></strong>
</p>
</div>
<div class="quick-prev-next">
<a class="prev iconfont-air icon-left" href="https://www.wangchenyu.com/jianzhan/54208.html" rel="nofollow" title="上一个">
</a>
<a class="next iconfont-air icon-right" href="https://www.wangchenyu.com/jianzhan/54224.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/2.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/2.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/8.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/2.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/9.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=54210&key=f5515235a25eb3513d36e17f9866eb5a">
<input type="hidden" name="inpId" id="inpId" value="54210"/>
<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/10.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/3.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/4.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/3.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/3.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/15.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/9.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/11.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/3.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><!--438.03 ms , 39 queries , 4108kb memory , 2 errors--> 