共计 1685 个字符，预计需要花费 5 分钟才能阅读完成。
在如今这个信息化的时代，网页已经成为了人们获取信息、交流信息的重要途径。学习如何制作网页以及网页站点目录结构对于我们来说非常重要。本文将从以下 8 个方面为大家详细阐述。
制作网页的基本流程一般包括以下几个步骤：
第一步：确定网页内容。首先要确定网页的主题和内容，包括文字、图片、视频等。
第二步：设计网页结构。设计网页结构是指将页面分为若干部分，如页眉、菜单、正文、页脚等，确定网页的整体布局。
第三步：编写 HTML 代码。将网页的内容、结构等用 HTML 语言编写出来。
第四步：设置 CSS 样式。通过 CSS 设置网页的样式，包括文字颜色、大小、背景颜色、边框等。
第五步：优化网页。优化网页可以提高网页的访问速度，包括压缩图片、设置缓存等。
制作网页需要用到一些工具，例如：
文本编辑器：用于编辑 HTML 代码，如 Notepad、Sublime Text、Visual Studio 等。
图形软件：用于制作网页上的图片，如 Photoshop、Illustrator、GIMP 等。
浏览器：用于检查网页的效果，如 Chrome、Firefox、Safari 等。
FTP 软件：用于将网页上传到服务器，如 FileZilla、CuteFTP 等。
HTML 是用于制作网页的标记语言，具有以下基础知识：
HTML 标签：HTML 标签用于描述网页的各个部分，如、
、等。</p>
<p>HTML 属性：HTML 属性用于描述标签的具体属性，如 color、size、src 等。</p>
<p>HTML 链接：HTML 链接用于链接不同的网页或文件，如、等。</p>
<p>HTML 表格：HTML 表格用于制作网页上的表格，如 </p>
<table>、</p>
<tr>、</p>
<td> 等。</p>
<h2 id='pk-menu-3'> 方面四：CSS 样式基础 </h2>
<p>CSS（层叠样式表）是用于设置网页样式的语言，具有以下基础知识：</p>
<p>CSS 选择器：CSS 选择器用于选择网页上的元素并设置样式，如标签选择器、类选择器、ID 选择器等。</p>
<p>CSS 属性：CSS 属性用于设置网页上元素的样式，如 color、background-color、font-size 等。</p>
<p>CSS 盒模型：CSS 盒模型用于描述元素在网页上的布局，包括边框、内边距、外边距等。</p>
<h2 id='pk-menu-4'> 方面五：JavaScript 基础 </h2>
<p>JavaScript 是一种用于制作网页交互效果的编程语言，具有以下基础知识：</p>
<p> 变量与数据类型：变量用于存储数据，数据类型包括数值、字符串、布尔值等。</p>
<p> 函数与事件：函数用于封装一些操作，事件用于响应用户的操作，如点击、鼠标移动等。</p>
<p>DOM 操作：DOM（文档对象模型）用于操作网页上的元素，如获取元素、修改元素属性等。</p>
<h2 id='pk-menu-5'> 方面六：站点目录结构基础 </h2>
<p> 站点目录结构是指网站上的文件和文件夹的组织结构，具有以下基础知识：</p>
<p> 文件夹结构：文件夹结构是指将网站上的文件和文件夹按照一定的规则分门别类地存放。</p>
<p> 文件命名规则：文件命名规则是指为了方便管理和查找文件，给文件命名时应该遵循的规则。</p>
<p> 站点地图：站点地图是指以树状图形式呈现的网站上的所有页面和文件。</p>
<h2 id='pk-menu-6'> 方面七：响应式设计 </h2>
<p> 响应式设计是指网站可以在不同设备上自适应地显示，具有以下知识：</p>
<p> 媒体查询：媒体查询用于根据屏幕大小设置不同的样式，如 @media、max-width 等。</p>
<p> 流式布局：流式布局用于根据屏幕大小自适应地调整网页布局，如 flex 布局、grid 布局等。</p>
<p> 图片优化：图片优化可以提高网页的访问速度，如压缩图片、使用适当的图片格式等。</p>
<h2 id='pk-menu-7'> 方面八：SEO 优化 </h2>
<p>SEO（搜索引擎优化）是指通过优化网站使其在搜索引擎上排名更靠前，具有以下知识：</p>
<p> 关键词优化：关键词优化是指在网站上添加关键词以提高在搜索引擎上的排名。</p>
<p> 网站结构优化：网站结构优化是指通过优化网站的结构使其更易于搜索引擎索引。</p>
<p> 链接优化：链接优化是指通过增加外部链接和内部链接提高网站在搜索引擎上的排名。</p>
<p> 本文详细阐述了如何制作网页以及网页站点目录结构，包括制作网页的基本流程、制作网页所需的工具、HTML 语言基础、CSS 样式基础、JavaScript 基础、站点目录结构基础、响应式设计和 SEO 优化等方面的内容。希望通过本文的学习，能够对大家制作网页和网站建设有所帮助。</p>
<p> 丸趣 TV 网 – 提供最优质的资源集合！</p>
</div>
<div class="t-separator c-sub t-sm mt30">正文完</div>
<div class="footer-info puock-text mt20">
<div class="mt20 tags"><a href="https://www.wanqutv.com/tag/css/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> css</a><a href="https://www.wanqutv.com/tag/html/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> html</a><a href="https://www.wanqutv.com/tag/%e7%94%a8%e4%ba%8e/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> 用于</a><a href="https://www.wanqutv.com/tag/%e7%bd%91%e9%a1%b5/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> 网页</a><a href="https://www.wanqutv.com/tag/%e9%80%89%e6%8b%a9%e5%99%a8/" class="pk-badge pk-badge-sm mr5 mb10"><i class="fa-solid fa-tag"></i> 选择器</a></div> <div class="p-flex-sbc mt20 t-sm">
<div>
<span>发表至：</span><a class=" mr5" href="https://www.wanqutv.com/category/wangzhanzhizuo/"><i class="fa-regular fa-folder-open"></i> 网站制作</a> </div>
<div>
<span class="c-sub"><i class="fa-regular fa-clock"></i> 2023-12-25</span>
</div>
</div>
</div>
</div>
<div class="mt15 post-action-panel">
<div class="post-action-content">
<div class="d-flex justify-content-center w-100 c-sub">
<div class="circle-button puock-bg text-center "
id="post-like" data-id="137302">
<i class="fa-regular fa-thumbs-up t-md"></i> <span
class="t-sm"></span></div>
<div class="circle-button puock-bg text-center pk-modal-toggle"
title="海报" data-no-title data-no-padding data-once-load="true"
data-url="https://www.wanqutv.com/wp-admin/admin-ajax.php?action=pk_poster&id=137302"
><i class="fa-regular fa-images"></i></div>
<div class="circle-button puock-bg text-center pk-modal-toggle"
title="分享" data-once-load="true"
data-url="https://www.wanqutv.com/wp-admin/admin-ajax.php?action=pk_ajax_dialog_post_share&id=137302">
<i class="fa fa-share-from-square t-md"></i></div>
<div class="ls">
<div class="circle-button puock-bg text-center post-menu-toggle post-menus-box"><i
class="fa fa-bars t-md"></i></div>
</div>
</div>
</div>
</div>
</div>
<div class="p-block p-flex-sc">
<div class="mr-3 p-flex-sk-0">
<img class="md-avatar mt-1"
src="https://cravatar.cn/avatar/881452ac865d0954180e764a9608f4de9cfe846999c489e2a15ad155be0677c5?s=96&d=monsterid&r=r"
alt="丸趣"
title="丸趣">
</div>
<div class="puock-text t-md">
<div>
<span class="font-weight-bold">版权声明：</span><span>本站原创文章，由</span>
<a class="a-link"
href="https://www.wanqutv.com/author/wanquadmin/">丸趣 </a>2023-12-25发表，共计1685字。 </div>
<div class="mt-2">
<span class="font-weight-bold c-sub">转载说明：</span><span
class="c-sub">除特殊说明外本站除技术相关以外文章皆由网络搜集发布，转载请注明出处。</span>
</div>
</div>
</div>
<!--内页中-->
<div class="p-block pb-0">
<div class="row puock-text post-relevant">
<a href="https://www.wanqutv.com/wangzhanzhizuo/linux/49279.html"
class="col-6 col-md-3 post-relevant-item ww">
<!-- --> <div style="background:url('https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/timthumb.php?w=160&h=140&a=c&zc=1&q=90&src=https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/random/3.jpg')">
<div class="title">windows怎么把pdf图纸转换cad图</div>
</div>
</a>
<a href="https://www.wanqutv.com/wangzhanzhizuo/linux/34432.html"
class="col-6 col-md-3 post-relevant-item ww">
<!-- --> <div style="background:url('https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/timthumb.php?w=160&h=140&a=c&zc=1&q=90&src=https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/random/3.jpg')">
<div class="title">windows远程桌面连接如何传输文件</div>
</div>
</a>
<a href="https://www.wanqutv.com/wangzhanzhizuo/linux/16358.html"
class="col-6 col-md-3 post-relevant-item ww">
<!-- --> <div style="background:url('https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/timthumb.php?w=160&h=140&a=c&zc=1&q=90&src=https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/random/8.jpg')">
<div class="title">如何查看windows电脑的MAC地址</div>
</div>
</a>
<a href="https://www.wanqutv.com/wangzhanzhizuo/115933.html"
class="col-6 col-md-3 post-relevant-item ww">
<!-- --> <div style="background:url('https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/timthumb.php?w=160&h=140&a=c&zc=1&q=90&src=https://cache.yisu.com/upload/ask/2021-01-14/illustration_1_60000614aa44a7997.jpg')">
<div class="title">企业自建站点需要办理什么手续</div>
</div>
</a>
</div>
</div>
<div class="p-block p-lf-15">
<div class="row text-center pd-links single-next-or-pre t-md ">
<div class="col-6 p-border-r-1 p-0">
<a href="https://www.wanqutv.com/wangzhanzhizuo/137301.html" rel="prev"><div class='abhl puock-text'><p class='t-line-1'>加好友QQ咨询的含义是什么？</p><span>上一篇</span></div></a> </div>
<div class="col-6 p-0">
<a href="https://www.wanqutv.com/wangzhanzhizuo/137304.html" rel="next"><div class='abhl puock-text'><p class='t-line-1'>武汉互联网公司概况</p><span>下一篇</span></div></a> </div>
</div>
</div>
<!--评论上方-->
<div class="p-block" id="comments">
<div>
<span class="t-lg border-bottom border-primary puock-text pb-2"><i
class="fa-regular fa-comments mr-1"></i>评论（没有评论）</span>
</div>
<div class="mt20 clearfix" id="comment-form-box">
<form class="mt10" id="comment-form" method="post"
action="https://www.wanqutv.com/wp-admin/admin-ajax.php?action=comment_ajax">
<div class="form-group">
<textarea placeholder="世界这么大发表一下你的看法~" id="comment" name="comment"
class="form-control form-control-sm t-sm" rows="4"></textarea>
</div>
<div class="row row-cols-1 comment-info">
<input type="text" value="0" hidden name="comment-logged" id="comment-logged">
<div class="col-12 col-sm-4"><input type="text" id="comment_author"
name="author"
class="form-control form-control-sm t-sm"
placeholder="昵称（必填）">
</div>
<div class="col-12 col-sm-4"><input type="email" id="comment_email"
name="email"
class="form-control form-control-sm t-sm"
placeholder="邮箱（必填）">
</div>
<div class="col-12 col-sm-4"><input type="text" id="comment_url"
name="url"
class="form-control form-control-sm t-sm"
placeholder="网站">
</div>
</div>
<input type="text" hidden name="comment_post_ID" value="137302">
<input type="text" hidden id="comment_parent" name="comment_parent" value="">
<div class="p-flex-sbc mt10">
<div>
</div>
<div>
<button id="comment-cancel" type="button"
class="btn btn-outline-dark d-none btn-ssm">取消</button>
<button id="comment-smiley" class="btn btn-outline-secondary btn-ssm pk-modal-toggle" type="button"
title="表情" data-once-load="true"
data-url="https://www.wanqutv.com/wp-admin/admin-ajax.php?action=pk_ajax_dialog_smiley">
<i class="fa-regular fa-face-smile t-md"></i></button>
<button id="comment-submit" type="submit" class="btn btn-primary btn-ssm"><i
class="fa-regular fa-paper-plane"></i> 发布评论 </button>
</div>
</div>
</form>
</div>
<div id="comment-ajax-load" class="text-center mt20 d-none">
<div class="pk-skeleton _comment"><div class="_h"><div class="_avatar"></div>
<div class="_info"><div class="_name"></div><div class="_date"></div></div></div><div class="_text"><div></div><div></div><div></div></div></div><div class="pk-skeleton _comment"><div class="_h"><div class="_avatar"></div>
<div class="_info"><div class="_name"></div><div class="_date"></div></div></div><div class="_text"><div></div><div></div><div></div></div></div><div class="pk-skeleton _comment"><div class="_h"><div class="_avatar"></div>
<div class="_info"><div class="_name"></div><div class="_date"></div></div></div><div class="_text"><div></div><div></div><div></div></div></div> </div>
<div id="post-comments">
<div class="mt20 p-flex-s-right" data-no-instant>
<ul class="pagination comment-ajax-load">
</ul>
</div>
</div>
</div>
</div>
<div id="sidebar" class="animated fadeInRight col-lg-4 d-none d-lg-block">
<div class="sidebar-main">
<div class="p-block">
<div>
<span class="t-lg border-bottom border-primary
puock-text pb-2"><i class="fa fa-search mr-1"></i>站内搜索</span>
</div>
<div class="mt20">
<form class="global-search-form" action="https://www.wanqutv.com" method="get">
<div class="input-group">
<input type="text" name="s" class="form-control t-md" placeholder="输入关键字回车搜索">
</div>
</form>
</div>
</div>
<div class="pk-widget p-block ">
<div>
<span class="t-lg border-bottom border-primary
puock-text pb-2"><i class="fa fa-chart-simple mr-1"></i>最新文章</span>
</div>
<div class="mt20">
</div></div>
<div class="pk-widget p-block ">
<div>
<span class="t-lg border-bottom border-primary
puock-text pb-2"><i class="czs-comment-l mr-1"></i>最新留言</span>
</div>
<div class="mt20">
<div class="min-comments t-md">
<div class="comment t-md t-line-1">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy min-avatar' data-src='https://cravatar.cn/avatar/38073d8ad33fa95fd691cc9e92a637d703a34b999474f8ec74426db6546c1ed5?s=96&d=monsterid&r=r' alt="六了个六">
<a class="puock-link" href="https://www.wanqutv.com/wangzhanzhizuo/1316.html#comment-14">
<span class="ta3 link-hover">六了个六</span></a>
<span class="c-sub t-w-400">6666</span>
</div>
<div class="comment t-md t-line-1">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy min-avatar' data-src='https://cravatar.cn/avatar/38073d8ad33fa95fd691cc9e92a637d703a34b999474f8ec74426db6546c1ed5?s=96&d=monsterid&r=r' alt="路过的小朋友">
<a class="puock-link" href="https://www.wanqutv.com/seo/259.html#comment-6">
<span class="ta3 link-hover">路过的小朋友</span></a>
<span class="c-sub t-w-400">突突突</span>
</div>
</div>
</div></div>
<div class="pk-widget p-block ">
<div>
<span class="t-lg border-bottom border-primary
puock-text pb-2"><i class="czs-user-l mr-1"></i>读者墙</span>
</div>
<div class="mt20">
<div class="row puock-text">
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly90Lm1lLytIRnhrNXZsVXZHRXpNMlpp" class="a-link"
target="_blank" rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/f00449a137b33decfd3c285274d5929af27a2cca78f31f0b9200cc8588014d3f?s=96&d=monsterid&r=r' alt="JeffreyMor">
<span class="t-sm">JeffreyMor</span>
</a>
</div>
</div>
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly9jYW5hZGFwaGFybWFjeTI0aG91cmRydWdzLmNvbS8=" class="a-link"
target="_blank" rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/ccc8114ddf01d1b823abcd0ae30160ef6ff3688d6b98a289e51761c184c81550?s=96&d=monsterid&r=r' alt="BrianTek">
<span class="t-sm">BrianTek</span>
</a>
</div>
</div>
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly9jYW5hZGFwaGFybWFjeW9ubGluZWRydWdzdG9yZS5jb20=" class="a-link"
target="_blank" rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/37e3929472996b02054655c420f79438c062009ed3ffdab6c9ec34f46a7993fd?s=96&d=monsterid&r=r' alt="Frankjax">
<span class="t-sm">Frankjax</span>
</a>
</div>
</div>
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cDovL2NhbmFkaWFucGhhcm1hY3lhbWFsbC5jb20v" class="a-link"
target="_blank" rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/d4c62e5d3c5d1a8fc867bacbe769f5361d70615f18de2feaea9dd9d8a50bf78f?s=96&d=monsterid&r=r' alt="MatthewdocImade">
<span class="t-sm">MatthewdocImade</span>
</a>
</div>
</div>
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="javascript:void(0)" class="a-link"
rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/b727180035acfca5a3566b4de0546adf7869e41fce4463a3d1dd6ddbc122caf4?s=96&d=monsterid&r=r' alt="SimonLah">
<span class="t-sm">SimonLah</span>
</a>
</div>
</div>
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly91c3BoYXJtYWMuY29t" class="a-link"
target="_blank" rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/0e184e6b828f03aa14e2ff9f6006f599b80af8380f0468d0d90d203967008d81?s=96&d=monsterid&r=r' alt="Cindynielled">
<span class="t-sm">Cindynielled</span>
</a>
</div>
</div>
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cDovL3NreXBoYXJtYWN5aW5jLmNvbQ==" class="a-link"
target="_blank" rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/7a8d555eb6e708ca146d1da3acf334ffa086fc6b91e613e59d11afaa8ab95623?s=96&d=monsterid&r=r' alt="Jameshawkessek">
<span class="t-sm">Jameshawkessek</span>
</a>
</div>
</div>
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cDovL3VzcGhhcm1hYy5jb20=" class="a-link"
target="_blank" rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/8b65ce518d75d9beee7cd5d1ff359669f2d074b7e19312f7e1aa70f2764e1197?s=96&d=monsterid&r=r' alt="Tonybeckknisa">
<span class="t-sm">Tonybeckknisa</span>
</a>
</div>
</div>
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly9ibGFja2NpYWxpcy5uZXQ=" class="a-link"
target="_blank" rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/a1b680b197c4c32bb91fe6943eb1b6754383b85c883abe0ca321895ca2d92f2e?s=96&d=monsterid&r=r' alt="Thomastib">
<span class="t-sm">Thomastib</span>
</a>
</div>
</div>
<div class="col col-12 col-lg-6 pl-0">
<div class="p-2 text-truncate text-nowrap">
<a href="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/inc/go.php?to=aHR0cHM6Ly9jYW5hZGlhbnBoYXJtYWN5MjRoci5vbmxpbmU=" class="a-link"
target="_blank" rel="nofollow">
<img src='https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/img/z/load.svg' class='lazy md-avatar' data-src='https://cravatar.cn/avatar/4f3fa3b4b5d1cf31dcc6bef4bcb30b5ff9c0454c71a445fa84cbea63931ec8a3?s=96&d=monsterid&r=r' alt="LouisLob">
<span class="t-sm">LouisLob</span>
</a>
</div>
</div>
</div>
</div></div> </div>
</div>
</div>
<!--全局下方-->
</div>
<div id="post-menus" class="post-menus-box">
<div id="post-menu-state" class="post-menu-toggle" title="打开或关闭文章目录">
<i class="puock-text ta3 fa fa-bars"></i>
</div>
<div id="post-menu-content" class="animated slideInRight mini-scroll">
<div id="post-menu-head">
</div>
<div id="post-menu-content-items"></div>
</div>
</div>
<!--返回顶部和底部-->
<div id="rb-float-actions">
<div data-to-area="#comments" class="p-block"><i class="fa-regular fa-comments puock-text"></i></div> <div data-to="top" class="p-block"><i class="fa fa-arrow-up puock-text"></i></div>
<div data-to="bottom" class="p-block"><i class="fa fa-arrow-down puock-text"></i></div>
</div>
<footer id="footer">
<div class="container">
<div class="row row-cols-md-1">
</div>
</div>
<div class="mt20 text-center t-md">
<div class="info">
免责声明：本站分享资源部分来源互联网，仅供学习交流，商业用途请购买正版，否则版权纠纷由用户承担，丸趣TV不承担连带责任。如有侵权请联系博主我们尽快删除处理！</br>
Copyright @ 2014-2023| <a href="https://wanqutv.com" target="_blank">丸趣TV</a> All rights reserved.Theme By Puock. <a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">豫ICP备16006851号-5</a>
</div>
</div>
</div>
</footer>
</div>
<div id="gt-validate-box"></div>
<script data-instant>var puock_metas ={"home":"https:\/\/www.wanqutv.com","vd_comment":false,"vd_gt_id":"","vd_type":"img","use_post_menu":true,"is_single":true,"is_pjax":true,"main_lazy_img":true,"link_blank_open":true,"async_view_id":137302,"mode_switch":true,"async_view_generate_time":1754965894};</script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/wordpress-theme-puock-2.7.6\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/dist/js/libs.min.js?ver=6.8.2" id="puock-libs-js"></script>
<script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/libs/layer/layer.js?ver=6.8.2" id="puock-layer-js"></script>
<script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/libs/spark-md5.min.js?ver=6.8.2" id="puock-spark-md5-js"></script>
<script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/libs/html2canvas.min.js?ver=6.8.2" id="puock-html2canvas-js"></script>
<script type="text/javascript" data-no-instant src="https://www.wanqutv.com/wp-content/themes/wordpress-theme-puock-2.7.6/assets/dist/js/puock.min.js?ver=6.8.2" id="puock-js"></script>
<script type="text/javascript" src="https://www.wanqutv.com/wp-content/plugins/WordPress百度搜索推送管理插件专业版/assets/baidu_push.js" id="wb-baidu-push-js"></script>
<script>console.log('共计查询SQL：66次，耗时：5.201秒');</script></body>
</html>
