HTML5的诞生，标志着网页设计和开发进入了一个新时代。它不仅继承了先前HTML版本的优点，还引入了许多新的功能和元素，使得创建一个动态的、交互式的网页变得更加容易。对于初学者而言，了解一个HTML5页面的基本组成是至关重要的。本文将详细介绍HTML5页面的基础结构，并提供深度指导，帮助你快速掌握HTML5的基础知识。
HTML5页面的基本结构
一个标准的HTML5页面主要由以下几个部分组成：“声明、“标签、“区域以及“区域。每个部分都有其独特的功能和作用。
1.DOCTYPE声明
每一个HTML5文档的开头都需要一个DOCTYPE声明，它告诉浏览器该页面所使用的HTML版本。对于HTML5来说，声明十分简单：
“`html
“`
这个声明表示该文档遵循HTML5标准，是页面中不可或缺的部分。
2.html标签
紧接着DOCTYPE声明之后，是“标签，它将整个HTML文档包裹起来，是所有HTML元素的根元素：
“`html
…
“`
在这里，`lang=\”zh-CN\”`属性是一个可选的，用于指定页面的主要语言，有助于搜索引擎优化和辅助技术。
3.head区域
“标签定义了文档的元数据区域，包含了文档的元信息，如标题、链接到样式表和脚本、字符集声明等。一个基础的“区域通常包括以下元素：
3.1标题标签
“`html
页面标题
“`
`
`标签定义了网页的标题，显示在浏览器的标签页上，并且在搜索引擎结果中显示为页面标题。</p>
<p>3.2字符集声明</p>
<p>“`html</p>
</p>
<p>“`</p>
<p>“声明确保页面使用UTF-8编码，支持多种语言的字符显示，是国际化网页的基础。</p>
<p>3.3视口设置</p>
<p>为了确保网页在移动设备上的兼容性和可读性，通常会加入视口（viewport）设置：</p>
<p>“`html</p>
</p>
<p>“`</p>
<p>这行代码告诉浏览器如何控制页面尺寸和缩放级别。</p>
<p>3.4其他可选元素</p>
<p>“区域还可以包含链接到外部样式表（“标签）和外部脚本（“标签）的链接，以及各种“标签用于搜索引擎优化（SEO）和其他元数据。</p>
<p>4.body区域</p>
<p>“标签内包含的是可见页面内容，即用户在浏览器中看到的所有元素。这部分可以包含各种各样的HTML元素，例如段落、标题、图片、链接、列表、表格、表单等。HTML5新增了如`</p>
<section>`、“、`</p>
<nav>`和“等语义化的元素，帮助开发者更好地组织内容。</p>
<p>“`html</p>
</p>
<p>主标题</p>
<p><p>这是一个段落。</p>
</p>
<p><!--更多内容--></p>
</p>
<p>“`</p>
<p>通过合理使用这些元素，可以创建出既美观又功能性强的网页。</p>
<p style="text-align: center"><img decoding="async" alt="HTML5页面基础组成有哪些？如何构建一个基本的HTML5页面？" title="HTML5页面基础组成有哪些？如何构建一个基本的HTML5页面？" src="https://fg669.com/wp-content/uploads/2025/0729/20250604172027_10354.jpeg" /></p>
<p>知识拓展</p>
<p>HTML5不仅简化了页面结构，还增加了多媒体和图形处理能力。通过“和`<video>`标签可以轻松嵌入音频和视频内容，而“元素允许在网页上进行复杂的图形绘制。</p>
<p>HTML5引入了Web存储（localStorage和sessionStorage）、离线应用（manifest文件）、拖放API、以及丰富的表单控件等，这些功能为开发者提供了更多与用户互动的可能。</p>
<p style="text-align: center"><img decoding="async" alt="HTML5页面基础组成有哪些？如何构建一个基本的HTML5页面？" title="HTML5页面基础组成有哪些？如何构建一个基本的HTML5页面？" src="https://fg669.com/wp-content/uploads/2025/0729/20250604172028_92514.jpeg" /></p>
<p>实用技巧</p>
<p>保持代码简洁：使用简洁明了的标签和属性，避免使用冗长的代码。</p>
<p>合理使用注释：在代码中适当添加注释，有助于他人（或未来的你）理解代码的意图和功能。</p>
<p>语义化标签：尽量使用HTML5新增的语义化标签，这有助于搜索引擎更好地理解页面内容。</p>
<p style="text-align: center"><img decoding="async" alt="HTML5页面基础组成有哪些？如何构建一个基本的HTML5页面？" title="HTML5页面基础组成有哪些？如何构建一个基本的HTML5页面？" src="https://fg669.com/wp-content/uploads/2025/0729/20250604172028_94141.jpeg" /></p>
<p>结尾</p>
<p>通过对HTML5页面基础结构的学习，你已经可以开始构建自己的网页了。当然，掌握这些基础只是第一步。随着学习的深入，你将能够运用更多高级功能，开发出更加丰富和交互性的网页应用。不断实践和探索，将帮助你在这个充满无限可能的网络世界中，成为一个出色的前端开发者。</p>
<div class="post-note alert alert-warning mt-2" role="alert"><small>
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！<br>
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！<br>
3. 不得使用于非法商业用途，不得违反国家法律,否则后果自负！<br>
4.若作商业用途，请购买正版，由于未及时购买正版授权发生的侵权行为，与本站无关。<br>
<b style="color:red">5. 本站分享的源码、模板、插件等等其他资源，都不包含免费技术服务请大家谅解！<br>
6. 因精力有限,源码未能详细测试,不能分辨部分源码是病毒还是误报,所以没有进行任何修改,大家使用前请自行甄别,并不为此承担您的任何损失!</b><br/></small></div><div class="entry-tags"><a href="https://www.fg669.com/tag/html5%e9%a1%b5%e9%9d%a2%e5%9f%ba%e7%a1%80%e7%bb%84%e6%88%90%e6%9c%89%e5%93%aa%e4%ba%9b%ef%bc%9f%e5%a6%82%e4%bd%95%e6%9e%84%e5%bb%ba%e4%b8%80%e4%b8%aa%e5%9f%ba%e6%9c%ac%e7%9a%84html5%e9%a1%b5%e9%9d%a2" class="btn btn-sm btn-light mr-2" rel="tag">HTML5页面基础组成有哪些？如何构建一个基本的HTML5页面？</a></div>
<div class="entry-share">
<div class="row">
<div class="col d-none d-lg-block">
</div>
<div class="col-auto mb-3 mb-lg-0">
<button class="btn btn-sm btn-white" data-toggle="tooltip" data-html="true" data-placement="top" title="<span class="reward-qrcode"><span> <img src="https://fg069.com/wp-content/uploads/2023/05/%E6%94%AF%E4%BB%98%E5%AE%9D-e1683778546412.jpg"> 支付宝扫一扫 </span><span> <img src="https://fg069.com/wp-content/uploads/2023/05/%E5%BE%AE%E4%BF%A1-e1683778395622.png"> 微信扫一扫 </span></span>"><i class="fa fa-qrcode"></i> 打赏</button>
<button class="go-star-btn btn btn-sm btn-white" data-id="30193"><i class="far fa-star"></i> 收藏</button>
<button class="go-copy btn btn-sm btn-white" data-toggle="tooltip" data-placement="top" title="点击复制链接" data-clipboard-text="https://www.fg669.com/30193.html"><i class="fas fa-link"></i> 链接</button>
</div>
</div>
</div>
</div>
<div class="site_abc_wrap pc bottum"><a href="https://m.xkwinner.com/#/register?inviteCode=wja84349&oas=1&from=1&platform_id=2005×tamp=1715662638043" target="_blank" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" ><img src="https://www.fg669.com/wp-content/uploads/2024/09/信用卡-1.jpg" style=" width: 100%; "></a></div> </div>
</div>
</article>
<div class="entry-navigation">
<div class="row">
<div class="col-lg-6 col-12">
<a class="entry-page-prev" href="https://www.fg669.com/30196.html" title="营销网站建设怎么取舍？如何平衡功能与成本？">
<div class="entry-page-icon"><i class="fas fa-arrow-left"></i></div>
<div class="entry-page-info">
<span class="d-block rnav">上一篇</span>
<span class="d-block title">营销网站建设怎么取舍？如何平衡功能与成本？</span>
</div>
</a>
</div>
<div class="col-lg-6 col-12">
<a class="entry-page-next" href="https://www.fg669.com/30260.html" title="郑州数据分析网站怎么样？如何选择合适的分析平台？">
<div class="entry-page-info">
<span class="d-block rnav">下一篇</span>
<span class="d-block title">郑州数据分析网站怎么样？如何选择合适的分析平台？</span>
</div>
<div class="entry-page-icon"><i class="fas fa-arrow-right"></i></div>
</a>
</div>
</div>
</div> <div class="related-posts">
<h3 class="u-border-title">相关文章</h3>
<div class="row">
<div class="col-lg-6 col-12">
<article id="post-32006" class="post post-list post-32006 type-post status-publish format-standard hentry category-ztgh tag-seo">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/32006.html" title="企业做SEO优化的效果不佳的原因及解决方法（为什么企业做SEO优化没有效果）" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://fg669.com/wp-content/uploads/2025/1105/20251031180602_20153.jpeg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="企业做SEO优化的效果不佳的原因及解决方法（为什么企业做SEO优化没有效果）" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/32006.html" title="企业做SEO优化的效果不佳的原因及解决方法（为什么企业做SEO优化没有效果）" rel="bookmark">企业做SEO优化的效果不佳的原因及解决方法（为什么企业做SEO优化没有效果）</a></h2></header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-category">
<a href="https://www.fg669.com/jzzs/ztgh" rel="category">网站SEO</a>
</span>
<span class="meta-date">
<time datetime="2025-11-05T16:44:01+08:00">
<i class="fa fa-clock-o"></i>
1月前 </time>
</span>
<span class="meta-views"><i class="fa fa-eye"></i> 429</span>
</div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-31886" class="post post-list post-31886 type-post status-publish format-standard hentry category-ztgh tag-seoseo">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/31886.html" title="掌握SEO优化技巧，让你的网站轻松上首页（掌握SEO优化技巧）" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://fg669.com/wp-content/uploads/2025/1105/20251031175237_20393.jpeg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="掌握SEO优化技巧，让你的网站轻松上首页（掌握SEO优化技巧）" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/31886.html" title="掌握SEO优化技巧，让你的网站轻松上首页（掌握SEO优化技巧）" rel="bookmark">掌握SEO优化技巧，让你的网站轻松上首页（掌握SEO优化技巧）</a></h2></header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-category">
<a href="https://www.fg669.com/jzzs/ztgh" rel="category">网站SEO</a>
</span>
<span class="meta-date">
<time datetime="2025-11-05T16:22:01+08:00">
<i class="fa fa-clock-o"></i>
1月前 </time>
</span>
<span class="meta-views"><i class="fa fa-eye"></i> 750</span>
</div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-31887" class="post post-list post-31887 type-post status-publish format-standard hentry category-ztgh tag-altseoalt">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/31887.html" title="ALT标签在SEO优化中的作用（了解ALT标签的重要性）" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://fg669.com/wp-content/uploads/2025/1105/20251031175124_79904.jpeg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="ALT标签在SEO优化中的作用（了解ALT标签的重要性）" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/31887.html" title="ALT标签在SEO优化中的作用（了解ALT标签的重要性）" rel="bookmark">ALT标签在SEO优化中的作用（了解ALT标签的重要性）</a></h2></header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-category">
<a href="https://www.fg669.com/jzzs/ztgh" rel="category">网站SEO</a>
</span>
<span class="meta-date">
<time datetime="2025-11-05T16:22:01+08:00">
<i class="fa fa-clock-o"></i>
1月前 </time>
</span>
<span class="meta-views"><i class="fa fa-eye"></i> 930</span>
</div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-31888" class="post post-list post-31888 type-post status-publish format-standard hentry category-ztgh tag-13252">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/31888.html" title="如何选择适合的网站提升排名效果（以事半功倍的方式优化SEO）" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://fg669.com/wp-content/uploads/2025/1105/20251031175046_36667.jpeg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="如何选择适合的网站提升排名效果（以事半功倍的方式优化SEO）" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/31888.html" title="如何选择适合的网站提升排名效果（以事半功倍的方式优化SEO）" rel="bookmark">如何选择适合的网站提升排名效果（以事半功倍的方式优化SEO）</a></h2></header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-category">
<a href="https://www.fg669.com/jzzs/ztgh" rel="category">网站SEO</a>
</span>
<span class="meta-date">
<time datetime="2025-11-05T16:22:01+08:00">
<i class="fa fa-clock-o"></i>
1月前 </time>
</span>
<span class="meta-views"><i class="fa fa-eye"></i> 533</span>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar-column col-lg-3">
<aside id="secondary" class="widget-area">
<div id="text-3" class="widget widget_text"><h5 class="widget-title">网站简介</h5> <div class="textwidget"><p>本站主打：网站相关知识学习研究分享，给各位带来一些技术性的课程内容，同时也期望更多的创作者加入本站,分享你的知识！</p>
</div>
</div><div id="ripro_v2_widget_alert-4" class="widget ripro-v2-widget-alert">
<div class="alert alert-primary alert-dismissible fade show" role="alert">
<strong>请注意：</strong> 本站所有资源，除下载链接问题之外，无任何售后服务，虚拟资源，售出概不退款！ <button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div><div id="ripro_v2_widget_ads-2" class="widget widget-adss"><div class="adsbg"><a class="asr" href="/user?action=vip" target="_blank" style="background-color:#f70800"><h4>赞助本站会员</h4><p>助力新手站长,低成本创业，快速起航!</p><span class="btn btn-outline">立即查看</span></a></div></div><div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><a href="http://m.fg069.com/#/pages/public/register?code=92470561" target="_blank" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" title=""><img src="https://www.fg696.com/wp-content/uploads/2024/06/1718820332-197252364068966.png" style=" width: 100%; "></a></div></div><div id="ripro_v2_widget_post_item-2" class="widget ripro_v2-widget-post"> <div class="list">
<article id="post-22835" class="post post-list post-22835 type-post status-publish format-standard hentry category-fbgz category-hctcj tag-2409 tag-5183 tag-5206 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22835.html" title="子比主题发布模块-zibll主题火车头采集文章自动发布模块" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/子比Zibll主题.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="子比主题发布模块-zibll主题火车头采集文章自动发布模块" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22835.html" title="子比主题发布模块-zibll主题火车头采集文章自动发布模块" rel="bookmark">子比主题发布模块-zibll主题火车头采集文章自动发布模块</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-01T18:42:59+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-22693" class="post post-list post-22693 type-post status-publish format-standard hentry category-fbgz category-hctcj tag-5183 tag-5206 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22693.html" title="pbcms模板发布模块-pbootcms火车头采集内容发布模块！" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/08/20240314190215305-300x300_副本.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="pbcms模板发布模块-pbootcms火车头采集内容发布模块！" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22693.html" title="pbcms模板发布模块-pbootcms火车头采集内容发布模块！" rel="bookmark">pbcms模板发布模块-pbootcms火车头采集内容发布模块！</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-31T01:49:30+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-22749" class="post post-list post-22749 type-post status-publish format-standard hentry category-mdjk category-hctcj tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22749.html" title="帝国CMS火车头发布接口(开源CMS) 帝国CMS免登接口" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/20240314190215305-300x300-6.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="帝国CMS火车头发布接口(开源CMS) 帝国CMS免登接口" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22749.html" title="帝国CMS火车头发布接口(开源CMS) 帝国CMS免登接口" rel="bookmark">帝国CMS火车头发布接口(开源CMS) 帝国CMS免登接口</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-01T00:46:58+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-23086" class="post post-list post-23086 type-post status-publish format-standard hentry category-fbgz category-hctcj">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/23086.html" title="RiPro主题发布模块-日主题RiPro火车头采集发布模块！" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/ripro.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="RiPro主题发布模块-日主题RiPro火车头采集发布模块！" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/23086.html" title="RiPro主题发布模块-日主题RiPro火车头采集发布模块！" rel="bookmark">RiPro主题发布模块-日主题RiPro火车头采集发布模块！</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-02T14:07:27+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-23108" class="post post-list post-23108 type-post status-publish format-standard hentry category-fbgz category-hctcj tag-5206 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/23108.html" title="RiMini-New发布模块-日主题RiMini-New火车头采集发布模块" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/RiMini-New.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="RiMini-New发布模块-日主题RiMini-New火车头采集发布模块" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/23108.html" title="RiMini-New发布模块-日主题RiMini-New火车头采集发布模块" rel="bookmark">RiMini-New发布模块-日主题RiMini-New火车头采集发布模块</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-02T14:59:28+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 9.9</span>
</div>
</div>
</div>
</article>
<article id="post-22608" class="post post-list post-22608 type-post status-publish format-standard has-post-thumbnail hentry category-hctcj category-zzgz category-cjgz tag-1846 tag-5183 tag-5178 tag-5205">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22608.html" title="火车头采集工具-网页数据采集工具-自动提取网盘下载地址-自动采集发布！9.8绿色版/7.6企业版" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/08/1704546406-1234fa03f415956-300x300_副本-200x200.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="火车头采集工具-网页数据采集工具-自动提取网盘下载地址-自动采集发布！9.8绿色版/7.6企业版" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22608.html" title="火车头采集工具-网页数据采集工具-自动提取网盘下载地址-自动采集发布！9.8绿色版/7.6企业版" rel="bookmark">火车头采集工具-网页数据采集工具-自动提取网盘下载地址-自动采集发布！9.8绿色版/7.6企业版</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-30T13:47:00+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 9.9</span>
</div>
</div>
</div>
</article>
<article id="post-22753" class="post post-list post-22753 type-post status-publish format-standard has-post-thumbnail hentry category-fbgz category-hctcj tag-5183 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22753.html" title="帝国CMS火车头发布模块(开源CMS) 帝国CMS编写方法" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/20240314190215305-300x300-4-200x200.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="帝国CMS火车头发布模块(开源CMS) 帝国CMS编写方法" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22753.html" title="帝国CMS火车头发布模块(开源CMS) 帝国CMS编写方法" rel="bookmark">帝国CMS火车头发布模块(开源CMS) 帝国CMS编写方法</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-01T00:49:40+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-17009" class="post post-list post-17009 type-post status-publish format-standard has-post-thumbnail hentry category-zzcj category-cjjc tag-2409">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/17009.html" title="火车头采集发布规则定制 支持日主题" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/08/5-200x200.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="火车头采集发布规则定制 支持日主题" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/17009.html" title="火车头采集发布规则定制 支持日主题" rel="bookmark">火车头采集发布规则定制 支持日主题</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-22T00:00:12+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
</div>
</div>
</div>
</article>
<article id="post-22758" class="post post-list post-22758 type-post status-publish format-standard hentry category-mdjk category-hctcj tag-5206 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22758.html" title="织梦CMS免登接口-DedeCMS模板火车头采集免登接口" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/08/dede.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="织梦CMS免登接口-DedeCMS模板火车头采集免登接口" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22758.html" title="织梦CMS免登接口-DedeCMS模板火车头采集免登接口" rel="bookmark">织梦CMS免登接口-DedeCMS模板火车头采集免登接口</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-27T01:35:24+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 9.9</span>
</div>
</div>
</div>
</article>
<article id="post-22664" class="post post-list post-22664 type-post status-publish format-standard hentry category-mdjk category-hctcj tag-2409 tag-5280 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22664.html" title="wordpress免登接口-wordpress建站火车头采集发布文章免登接口！日主题全系列、子比主题、dux主题、总裁主题等" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/20240314190215305-300x300-5.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="wordpress免登接口-wordpress建站火车头采集发布文章免登接口！日主题全系列、子比主题、dux主题、总裁主题等" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22664.html" title="wordpress免登接口-wordpress建站火车头采集发布文章免登接口！日主题全系列、子比主题、dux主题、总裁主题等" rel="bookmark">wordpress免登接口-wordpress建站火车头采集发布文章免登接口！日主题全系列、子比主题、dux主题、总裁主题等</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-01T00:49:10+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
</div>
</div><div id="ripro_v2_dynamic_time-2" class="widget widget-adss"><div class="card-content">
<canvas id="canvas" style="width:100%;" width="820" height="250"></canvas>
</div></div></aside><!-- #secondary -->
</div>
</div>
</div>
</main><!-- #main -->
<footer class="site-footer">
<div class="footer-widget d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md">
<div class="footer-info">
<div class="logo mb-2">
<img class="logo" src="https://www.fg669.com/wp-content/uploads/2024/08/六九网创源码-透明-1-e1680406216838.png" alt="六九网创技术网">
</div>
<p class="desc mb-0">本站持续更新亲测精品资源，火车头采集技术、网站建站、网站SeO技术分享，网站常用工具等。</p>
</div>
</div>
<div class="col-lg-9 col-auto widget-warp">
<div class="d-flex justify-content-xl-between">
<div id="linkcat-2" class="widget widget_links"><h5 class="widget-title">更多介绍</h5>
<ul class='xoxo blogroll'>
<li><a href="/vip" rel="noopener" title="本站vip权益介绍" target="_blank">vip介绍</a></li>
<li><a href="http://fg696.com/" rel="noopener" title="各种创业资源免费获取~" target="_blank">创业资源</a></li>
<li><a href="http://a.fg006.com/" rel="noopener" title="收藏不迷路" target="_blank">总站导航</a></li>
<li><a href="http://fg069.com" rel="noopener" target="_blank">副业项目</a></li>
</ul>
</div>
<div id="linkcat-3" class="widget widget_links"><h5 class="widget-title">本站导航</h5>
<ul class='xoxo blogroll'>
<li><a href="/vip" rel="noopener" title="本站vip权益介绍" target="_blank">vip介绍</a></li>
<li><a href="https://www.fg669.com/lxkf" rel="noopener" title="有问题请联系客服" target="_blank">联系客服</a></li>
<li><a href="/lxkf" rel="noopener" title="点击QQ联系我" target="_blank">联系站长</a></li>
<li><a href="http://a.fg006.com/" rel="noopener" title="收藏不迷路" target="_blank">总站导航</a></li>
</ul>
</div>
<div id="text-2" class="widget widget_text"><h5 class="widget-title">站长微信</h5> <div class="textwidget"><p><img decoding="async" loading="lazy" class="alignnone wp-image-22538" src="https://www.fg669.com/wp-content/uploads/2024/08/fgbj03-1.png" alt="" width="135" height="135" /></p>
</div>
</div><div id="text-7" class="widget widget_text"><h5 class="widget-title">QQ群</h5> <div class="textwidget"><p><img decoding="async" loading="lazy" class="alignnone wp-image-22537" src="https://www.fg669.com/wp-content/uploads/2024/08/生财有道新人群群聊二维码-190x200.png" alt="" width="126" height="133" srcset="https://www.fg669.com/wp-content/uploads/2024/08/生财有道新人群群聊二维码-190x200.png 190w, https://www.fg669.com/wp-content/uploads/2024/08/生财有道新人群群聊二维码.png 298w" sizes="(max-width: 126px) 100vw, 126px" /></p>
</div>
</div><div id="search-5" class="widget widget_search"><h5 class="widget-title">公众号： 锋哥创业笔记（fgbj01)</h5>
<form method="get" class="search-form" action="https://www.fg669.com/">
<input type="text" class="form-control" placeholder="输入关键词 回车..." autocomplete="off" value="" name="s" required="required">
</form></div> </div>
</div>
</div>
</div>
</div>
<div class="footer-links d-none d-lg-block">
<div class="container">
<h6>友情链接：</h6>
<ul class="friendlinks-ul">
<li><a target="_blank" href="/mzsm" title="免责申明" rel="noopener noreferrer">免责申明</a></li><li><a target="_blank" href="http://www.fg966.com" title="单机游戏网" rel="noopener noreferrer">单机游戏网</a></li><li><a target="_blank" href="http://fg696.com/" title="创业资源" rel="noopener noreferrer">创业资源</a></li><li><a target="_blank" href="http://fg006.com" title="学生资源网" rel="noopener noreferrer">学生资源网</a></li><li><a target="_blank" href="http://a.fg006.com/" title="总站导航" rel="noopener noreferrer">总站导航</a></li><li><a target="_blank" href="http://fg069.com" title="副业项目" rel="noopener noreferrer">副业项目</a></li> <li><a style="color:#dd3333;" target="_blank" href="/blinks">自助申请友链</a></li>
</ul>
</div>
</div>
<div class="footer-copyright d-flex text-center">
<div class="container">
<p class="m-0 small">Copyright © 2021 <a href="https://ym.fg069.com">六九网创源码 公众号：锋哥创业笔记(fgbj01)</a> <span class="sep"> | </span><span class="sep"> | </span> </p>
</div>
</div>
</footer><!-- #footer -->
</div><!-- #page -->
<div class="rollbar">
<ul class="actions">
<li>
<a href="http://www.fg669.com/" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="首页"><i class="fas fa-home"></i></a>
</li>
<li>
<a target="_blank" href="https://cloud.tencent.com/act/cps/redirect?redirect=2446&cps_key=9c4e9800254b851ca97e71e1c687ad80&from=console" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="云服务器推荐"><i class="far fa-hdd"></i></a>
</li>
<li>
<a target="_blank" href="/vip" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="VIP会员介绍 "><i class="fa fa-diamond"></i></a>
</li>
<li>
<a target="_blank" href="https://www.fg669.com/lxkf" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="<b>在线客服</b> <u>9:00~21:00</u>"><i class="fab fa-qq"></i></a>
</li>
<li>
<a target="_blank" href="/user/index" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="个人中心"><i class="fas fa-blind"></i></a>
</li>
</ul>
<div class="rollbar-item back-to-top">
<i class="fas fa-chevron-up"></i>
</div>
</div>
<div class="m-menubar">
<ul>
<li>
<a href="http://www.fg669.com" rel="nofollow noopener noreferrer"><i class="fas fa-home"></i>首页</a>
</li>
<li>
<a target="_blank" href="/vip" rel="nofollow noopener noreferrer"><i class="fas fa-chess-queen"></i>会员</a>
</li>
<li>
<a target="_blank" href="https://a.fg069.com/" rel="nofollow noopener noreferrer"><i class="fab fa-internet-explorer"></i>总站</a>
</li>
<li>
<a target="_blank" href="/lxkf" rel="nofollow noopener noreferrer"><i class="fas fa-comment-alt"></i>客服</a>
</li>
<li>
<a href="javacript:void(0);" class="back-to-top" rel="nofollow noopener noreferrer"><i class="fas fa-chevron-up"></i>顶部<span></span></a>
</li>
</ul>
</div>
<div id="omnisearch" class="omnisearch">
<div class="container">
<form class="omnisearch-form" method="get" action="https://www.fg669.com/">
<div class="form-group">
<div class="input-group input-group-merge input-group-flush">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-search"></i></span>
</div>
<div class="input-group-prepend d-flex align-items-center" style=" max-width: 35%; ">
<select name='cat' id='omnisearch-cat' class='selectpicker'>
<option value=''>全部</option>
<option class="level-0" value="10">插件模块</option>
<option class="level-0" value="23">火车头采集</option>
<option class="level-0" value="13">精品亲测</option>
<option class="level-0" value="22">精品课程</option>
<option class="level-0" value="2191">网站知识</option>
<option class="level-0" value="9">软件工具</option>
</select>
</div>
<input type="text" class="search-ajax-input form-control" name="s" value="" placeholder="输入关键词 回车搜索..." autocomplete="off">
</div>
</div>
</form>
<div class="omnisearch-suggestions">
<div class="search-keywords">
<a href="https://www.fg669.com/tag/pbootcms%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-3423 tag-link-position-1" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #6C9; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">pbootcms模板</a>
<a href="https://www.fg669.com/tag/%e4%b8%80" class="tag-cloud-link tag-link-6553 tag-link-position-2" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #6C9; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">一</a>
<a href="https://www.fg669.com/tag/%e4%ba%8c" class="tag-cloud-link tag-link-5728 tag-link-position-3" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #E6CC6E; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">二</a>
<a href="https://www.fg669.com/tag/%e4%bc%98%e5%8c%96" class="tag-cloud-link tag-link-141 tag-link-position-4" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #6C9; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">优化</a>
<a href="https://www.fg669.com/rjzy/qtgj" class="tag-cloud-link tag-link-1285 tag-link-position-5" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #C9C; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">其它常用工具</a>
<a href="https://www.fg669.com/tag/%e5%86%85%e5%ae%b9%e4%bc%98%e5%8c%96" class="tag-cloud-link tag-link-754 tag-link-position-6" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #B0D686; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">内容优化</a>
<a href="https://www.fg669.com/hctcj/fbgz" class="tag-cloud-link tag-link-26 tag-link-position-7" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #6C9; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">发布模块</a>
<a href="https://www.fg669.com/jpqc/tyqc" class="tag-cloud-link tag-link-1286 tag-link-position-8" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #6C9; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">坛友测试</a>
<a href="https://www.fg669.com/tag/%e5%bb%ba%e7%ab%99%e6%8a%80%e6%9c%af" class="tag-cloud-link tag-link-21 tag-link-position-9" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #C9C; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">建站技术</a>
<a href="https://www.fg669.com/mbcj" class="tag-cloud-link tag-link-10 tag-link-position-10" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F99; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">插件模块</a>
<a href="https://www.fg669.com/tag/%e6%a0%87%e9%a2%98" class="tag-cloud-link tag-link-5183 tag-link-position-11" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #C9C; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">标题</a>
<a href="https://www.fg669.com/tag/%e7%81%ab%e8%bd%a6%e5%a4%b4%e5%8f%91%e5%b8%83%e6%a8%a1%e5%9d%97" class="tag-cloud-link tag-link-5178 tag-link-position-12" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #B0D686; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">火车头发布模块</a>
<a href="https://www.fg669.com/hctcj" class="tag-cloud-link tag-link-23 tag-link-position-13" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F99; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">火车头采集</a>
<a href="https://www.fg669.com/tag/%e7%99%be%e5%ba%a6" class="tag-cloud-link tag-link-1924 tag-link-position-14" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F99; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">百度</a>
<a href="https://www.fg669.com/tag/%e7%ab%99%e9%95%bf%e5%b9%b2%e8%b4%a7" class="tag-cloud-link tag-link-20 tag-link-position-15" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F96; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">站长干货</a>
<a href="https://www.fg669.com/jzzs/ztgh" class="tag-cloud-link tag-link-19 tag-link-position-16" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F96; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">网站SEO</a>
<a href="https://www.fg669.com/jzzs" class="tag-cloud-link tag-link-2191 tag-link-position-17" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #B0D686; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">网站知识</a>
<a href="https://www.fg669.com/rjzy" class="tag-cloud-link tag-link-9 tag-link-position-18" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #E6CC6E; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">软件工具</a> </div>
</div>
</div>
</div>
<div class="van-footer-new">
<div class="van-footer-newbox van-flex">
<div class="van-flex-1">
<a href="https://a.fg069.com/" class="newwen"><em class="my-face">兄嘚，</em>搞钱最重要，其它都是扯淡！</a>
</div>
<a href="https://a.fg069.com/" class="newbtn">总站导航</a>
</div>
</div>
<script>
var windowTop=0;//初始话可视区域距离页面顶端的距离
$(window).scroll(function() {
var scrolls = $(this).scrollTop();//获取当前可视区域距离页面顶端的距离
if(scrolls>=windowTop){//当scrolls>windowTop时，表示页面在向下滑动
$('.van_slogin').css('bottom','-110px');
$('.van_slogin').css('opacity','0');
windowTop=scrolls;
}else{
$('.van_slogin').css('bottom','0px');
$('.van_slogin').css('opacity','1');
windowTop=scrolls;
}
});
</script><div class="waveHorizontals mobile-hide">
<div id="waveHorizontal1" class="waveHorizontal">
</div> <div id="waveHorizontal2" class="waveHorizontal">
</div> <div id="waveHorizontal3" class="waveHorizontal"></div></div>
<div class="dimmer"></div>
<div class="off-canvas">
<div class="canvas-close"><i class="fas fa-times"></i></div>
<div class="mobile-menu d-block d-xl-none d-lg-none"></div>
</div>
<!-- 必须的DIV -->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- JS脚本 -->
<script>
jQuery(document).ready(function($){
var myCursor = jQuery('.mouse-cursor');
if (myCursor.length) {
if ($('body')) {
const e = document.querySelector('.cursor-inner'),
t = document.querySelector('.cursor-outer');
let n,
i = 0,
o = !1;
window.onmousemove = function(s) {
o || (t.style.transform = "translate(" + s.clientX + "px, " + s.clientY + "px)"),
e.style.transform = "translate(" + s.clientX + "px, " + s.clientY + "px)",
n = s.clientY,
i = s.clientX
},
$('body').on("mouseenter", "a, .cursor-pointer",
function() {
e.classList.add('cursor-hover'),
t.classList.add('cursor-hover')
}),
$('body').on("mouseleave", "a, .cursor-pointer",
function() {
$(this).is("a") && $(this).closest(".cursor-pointer").length || (e.classList.remove('cursor-hover'), t.classList.remove('cursor -hover'))
}),
e.style.visibility = "visible",
t.style.visibility = "visible"
}
}
})
</script>
<!-- 样式 -->
<style>
.mouse-cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden
}
.cursor-inner {
margin-left: -3px;
margin-top: -3px;
width: 6px;
height: 6px;
z-index: 10000001;
background: #ffa9a4;
-webkit-transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out
}
.cursor-inner.cursor-hover {
margin-left: -18px;
margin-top: -18px;
width: 36px;
height: 36px;
background: #ffa9a4;
opacity: .3
}
.cursor-outer {
margin-left: -15px;
margin-top: -15px;
width: 30px;
height: 30px;
border: 2px solid #ffa9a4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10000000;
opacity: .5;
-webkit-transition: all .08s ease-out;
transition: all .08s ease-out
}
.cursor-outer.cursor-hover {
opacity: 0
}
.main-wrapper[data-magic-cursor=hide] .mouse-cursor {
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -1111
}
</style>
<link rel='stylesheet' id='footer_new_style-css' href='https://www.fg669.com/wp-content/themes/van/assets/css/footer/footer_new.css?ver=5.9' media='all' />
<link rel='stylesheet' id='wave_style-css' href='https://www.fg669.com/wp-content/themes/van/assets/css/beautify/wave.css?ver=5.9' media='all' />
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/js/popper.min.js?ver=5.9' id='popper-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/bootstrap/js/bootstrap.min.js?ver=4.6.0' id='bootstrap-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/js/plugins.js?ver=5.9' id='plugins-js'></script>
<script id='app-js-extra'>
var riprov2 = {"home_url":"https:\/\/www.fg669.com","admin_url":"https:\/\/www.fg669.com\/wp-admin\/admin-ajax.php","is_qq_captcha":"0","is_single_gallery":"1","comment_list_order":"desc","infinite_load":"\u52a0\u8f7d\u66f4\u591a","infinite_loading":"\u52a0\u8f7d\u4e2d...","site_notice":{"is":"0","auto":"0","color":"#374af2","html":"<div class=\"notify-content\"><h3><i class=\"fa fa-bell-o mr-2\"><\/i>\u7f51\u7ad9\u516c\u544a<\/h3><div>\u7279\u522b\u8bf4\u660e\uff1a<br>\r\n\u672c\u7ad9\u4e0d\u66f4\u65b0\u5fae\u64ce\u3001\u68cb\u724c\u3001\u83e0\u83dc\u7b49\u8fdd\u89c4\u8d44\u6e90\uff0c\u6765\u8005\u6b62\u6b65\uff01<br>\r\n<br>\r\n\u514d\u8d23\u7533\u660e\uff1a<br>\r\n1. \u672c\u7ad9\u6240\u6709\u8d44\u6e90\u6765\u6e90\u4e8e\u7528\u6237\u4e0a\u4f20\u548c\u7f51\u7edc\u6536\u96c6\uff0c\u5982\u6709\u4fb5\u6743\u8bf7\u90ae\u4ef6\u8054\u7cfb\u7ad9\u957f\uff01<br>\r\n2. \u5206\u4eab\u76ee\u7684\u4ec5\u4f9b\u5927\u5bb6\u5b66\u4e60\u548c\u4ea4\u6d41\uff0c\u60a8\u5fc5\u987b\u5728\u4e0b\u8f7d\u540e24\u5c0f\u65f6\u5185\u5220\u9664\uff01<br>\r\n3. \u4e0d\u5f97\u4f7f\u7528\u4e8e\u975e\u6cd5\u5546\u4e1a\u7528\u9014\uff0c\u4e0d\u5f97\u8fdd\u53cd\u56fd\u5bb6\u6cd5\u5f8b\uff0c\u5426\u5219\u540e\u679c\u81ea\u8d1f\uff01<br>\r\n4.\u82e5\u4f5c\u5546\u4e1a\u7528\u9014\uff0c\u8bf7\u8d2d\u4e70\u6b63\u7248\uff0c\u7531\u4e8e\u672a\u53ca\u65f6\u8d2d\u4e70\u6b63\u7248\u6388\u6743\u53d1\u751f\u7684\u4fb5\u6743\u884c\u4e3a\uff0c\u4e0e\u672c\u7ad9\u65e0\u5173\u3002<br>\r\n5. \u5982\u4fb5\u72af\u4e86\u60a8\u7684\u6743\u76ca\uff0c\u8bf7\u53d1\u90ae\u4ef6\u8054\u7cfb\uff0c\u90ae\u7bb1\uff1a3673836@qq.com<br><\/div><\/div>"},"site_js_text":{"login_txt":"\u8bf7\u70b9\u51fb\u5b89\u5168\u9a8c\u8bc1","reg1_txt":"\u90ae\u7bb1\u683c\u5f0f\u9519\u8bef","reg2_txt":"\u8bf7\u70b9\u51fb\u5b89\u5168\u9a8c\u8bc1","reg3_txt":"\u7528\u6237\u540d\u5fc5\u987b\u662f\u82f1\u6587","pass_txt":"\u8bf7\u70b9\u51fb\u5b89\u5168\u9a8c\u8bc1","bind_txt":"\u8bf7\u70b9\u51fb\u9a8c\u8bc1\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","copy_txt":" \u590d\u5236\u6210\u529f","poster_txt":"\u6d77\u62a5\u52a0\u8f7d\u5f02\u5e38","mpwx1_txt":"\u8bf7\u4f7f\u7528\u5fae\u4fe1\u626b\u7801\u767b\u5f55","mpwx2_txt":"\u5173\u6ce8\u516c\u4f17\u53f7\u5373\u53ef\u767b\u5f55<\/br>\u4e8c\u7ef4\u7801\u6709\u6548\u671f3\u5206\u949f","pay1_txt":"\u652f\u4ed8\u5b8c\u6210","pay2_txt":"\u53d6\u6d88\u652f\u4ed8","pay3_txt":"\u652f\u4ed8\u6210\u529f","capt_txt":"\u9a8c\u8bc1\u4e2d","capt1_txt":"\u9a8c\u8bc1\u901a\u8fc7","capt2_txt":"\u9a8c\u8bc1\u5931\u8d25","prompt_txt":"\u8bf7\u8f93\u5165\u56fe\u7247URL\u5730\u5740","comment_txt":"\u63d0\u4ea4\u4e2d....","comment1_txt":"\u63d0\u4ea4\u6210\u529f"},"pay_type_html":{"html":"<div class=\"pay-button-box\"><div class=\"pay-item\" id=\"alipay\" data-type=\"1\"><i class=\"alipay\"><\/i><span>\u652f\u4ed8\u5b9d<\/span><\/div><\/div>","alipay":1,"weixinpay":0,"paypal":0,"iconpay":0},"singular_id":"30193"};
</script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/js/app.js?ver=5.9' id='app-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/spotlight/spotlight.bundle.js?ver=0.7.0' id='spotlight-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/jarallax/jarallax.min.js?ver=1.12.5' id='jarallax-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/jarallax/jarallax-video.min.js?ver=1.0.1' id='jarallax-video-js'></script>
<script src='https://www.fg669.com/wp-includes/js/comment-reply.min.js?ver=6.2.8' id='comment-reply-js'></script>
<script src='https://www.fg669.com/wp-includes/js/clipboard.min.js?ver=2.0.11' id='clipboard-js'></script>
<script src='https://www.fg669.com/wp-content/themes/van/assets/js/sidebar/clock.js?van_ver=5.9&ver=6.2.8' id='dynamic_time_script-js'></script>
<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
</script> <style type="text/css">
body{
-moz-user-select:none; /*火狐*/
-webkit-user-select:none; /*webkit浏览器*/
-ms-user-select:none; /*IE10*/
-khtml-user-select:none; /*早期浏览器*/
user-select:none;
}
</style>
<script language="Javascript">
document.ondragstart=function(){return false};
document.onselectstart =function(){return false};
document.onbeforecopy=function(){return false};
document.onmouseup=function(){document.selection.empty();};
document.onselect=function(){document.selection.empty();};
document.oncopy=function(){document.selection.empty();};
</script> <script type='text/javascript'>
function imgdragstart(){return false;}
for(i in document.images)document.images[i].ondragstart=imgdragstart;
</script> <script type='text/javascript'>
//判断是否是手机端
function is_mobile() {
var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;
var u = navigator.userAgent;
if (null == u) {
return true;
}
var result = regex_match.exec(u);
if (null == result) {
return false
} else {
return true
}
}
//禁用开发者工具F12
document.onkeydown = function () {
if (window.event && window.event.keyCode == 123) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
//如果用户在工具栏调起开发者工具(非手机端)，那么判断浏览器的可视高度和可视宽度是否有改变，如有改变则关闭本页面
if (!is_mobile()) {
var h = window.innerHeight,w=window.innerWidth;
window.onresize = function () {
if (h != window.innerHeight || w != window.innerWidth) {
window.close();
window.location = "about:blank";
}
}
}
</script> <style>
@media print{
body{display:none}
}
</style>
<script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 80) || ((event.ctrlKey))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <style>
@media print{
body{display:none}
}
</style>
<script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 80) || ((event.ctrlKey))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <script>
window.onkeydown = function(e) {
if (e.ctrlKey && e.keyCode == 83) {
e.preventDefault();
e.returnValue = false;
return false;
}
}
</script> <script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 65) || ((event.ctrlKey))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 123) || ((event.ctrlKey) || (window.event.keycode == 67))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 88) || ((event.ctrlKey) || (window.event.keycode == 123))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://www.fg669.com/wp-content/themes/van/assets/js/beautify/click_love.js"></script> <link rel='stylesheet' href="https://www.fg669.com/wp-content/themes/van/assets/css/beautify/scrollbar.css"/> <script type="text/javascript" src="https://www.fg669.com/wp-content/themes/van/assets/js/beautify/text_boom.js"></script>
<script>
POWERMODE.colorful = true; // true 为启用礼花殊效
POWERMODE.shake = true; // false 为禁用震惊殊效
document.body.addEventListener('input', POWERMODE);
</script> <style>#waveHorizontal1, #waveHorizontal2, #waveHorizontal3{background-color:#2c63ff} </style><script>console.log("\n %c THEME By VAN %c https://www.yfx.top \n\n", "color: #fff; background: #22aaff; padding:5px 0;", "background: #fadfa3; padding:5px 0;");</script><!-- 自定义js代码 统计代码 -->
<!-- 自定义js代码 统计代码 END -->
</body>
</html>
