网页设计和开发是数字时代的基础技能之一，而HTML（超文本标记语言）作为构建网页的骨架，是每一位开发者都必须掌握的基础。了解HTML由哪些部分组成，对于初学者来说，是打开网页开发世界大门的第一步。本文将深入浅出地介绍HTML的基本组成，帮助你构建坚实的网页开发基础。
HTML的基本结构
HTML文档的结构可以简单分为三个基本部分：文档类型声明、HTML标签、HEAD和BODY部分。
1.文档类型声明
“`html
“`
这是所有HTML文档的起始点，声明了文档类型和HTML版本，“是HTML5的文档类型声明。这个声明不是HTML标签，但它是必须的，它告诉浏览器这个文档是按照HTML5标准编写的。
2.HTML标签
HTML文档由“标签开始，以“标签结束。
“`html
“`
在“标签内部，包含两个主要部分：“和“。
3.HEAD部分
HEAD部分包含网页的元数据，通常位于HTML文档的顶部，不直接显示在页面上。
“`html
网页标题
“`
重要的元数据标签包括：
“：定义字符集为UTF8，确保网页可以正确显示各种语言。
`
`：设置网页的标题，这个标题会显示在浏览器的标题栏或页面的标签上。</p>
<p>HEAD部分还可以包含“、“、“等标签，用于链接CSS样式表、引入JavaScript脚本和定义内联样式。</p>
<p>4.BODY部分</p>
<p>BODY部分包含了所有要显示在网页上的内容。</p>
<p>“`html</p>
</p>
<p>主标题</p>
<p><p>段落文本。</p>
</p>
<p><!--其他可见内容--></p>
</p>
<p>“`</p>
<p>在BODY中，我们可以使用各种HTML标签来创建不同的内容元素，如标题（h1到h6）、段落（p）、链接（a）、图片（img）等。</p>
<p style="text-align: center"><img decoding="async" alt="HTML由哪些部分组成？基础结构和元素有哪些常见问题？" title="HTML由哪些部分组成？基础结构和元素有哪些常见问题？" src="https://fg669.com/wp-content/uploads/2025/0615/20250607181345_50312.jpeg" /></p>
<p>常用的HTML标签</p>
<p>HTML标签是构建网页内容的基石。以下是一些最常用的HTML标签，它们定义了网页上不同种类的内容。</p>
<p>“到“：定义从最大到最小级别的标题。</p>
<p>`</p>
<p>`：定义段落。</p>
<p>“：定义超链接，用于从一个页面链接到另一个页面。</p>
<p>`<img>`：定义图像，必须包含`src`（源地址）和`alt`（替代文本）属性。</p>
<p>“和“：定义无序列表和有序列表。</p>
<p>“：定义列表项。</p>
<p>“：定义表格，“表示表格行，`</p>
<th>`表示表头单元格，“表示表格单元格。</p>
<p>“：定义表单，用于收集用户输入的数据。</p>
<p style="text-align: center"><img decoding="async" alt="HTML由哪些部分组成？基础结构和元素有哪些常见问题？" title="HTML由哪些部分组成？基础结构和元素有哪些常见问题？" src="https://fg669.com/wp-content/uploads/2025/0615/20250607181345_56722.jpeg" /></p>
<p>HTML5的新特性</p>
<p>随着HTML5的推出，新的语义化标签被加入到了HTML家族中，如：</p>
<p>`</p>
<header>`：定义页面或区块的头部。</p>
<p>`</p>
<footer>`：定义页面或区块的底部。</p>
<p>`</p>
<nav>`：定义导航链接的区域。</p>
<p>`</p>
<section>`：定义文档中的一个区域（如章节）。</p>
<p>“：定义独立的自包含内容。</p>
<p>“：定义和页面主要区域间接相关的部分。</p>
<p>这些语义化标签不仅增强了文档结构的可读性，也帮助搜索引擎更好地理解网页内容。</p>
<p style="text-align: center"><img decoding="async" alt="HTML由哪些部分组成？基础结构和元素有哪些常见问题？" title="HTML由哪些部分组成？基础结构和元素有哪些常见问题？" src="https://fg669.com/wp-content/uploads/2025/0615/20250607181346_65056.jpeg" /></p>
<p>综上所述</p>
<p>掌握HTML的基本组成对于创建一个结构良好、内容丰富的网页是至关重要的。从文档类型声明到HTML标签，再到常用标签的使用，以及HTML5引入的新元素，每一步都是构建专业网页的基础。通过本篇详细的介绍，你已经获得了创建和理解HTML文档所需的基本知识。接下来，随着实践的深入，你将能够创作出既美观又功能丰富的网页。</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/html%e7%94%b1%e5%93%aa%e4%ba%9b%e9%83%a8%e5%88%86%e7%bb%84%e6%88%90%ef%bc%9f%e5%9f%ba%e7%a1%80%e7%bb%93%e6%9e%84%e5%92%8c%e5%85%83%e7%b4%a0%e6%9c%89%e5%93%aa%e4%ba%9b%e5%b8%b8%e8%a7%81%e9%97%ae" class="btn btn-sm btn-light mr-2" rel="tag">HTML由哪些部分组成？基础结构和元素有哪些常见问题？</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="29813"><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/29813.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/29846.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/29821.html" title="新开发的网站如何在pc端推广？有哪些有效的推广策略？">
<div class="entry-page-info">
<span class="d-block rnav">下一篇</span>
<span class="d-block title">新开发的网站如何在pc端推广？有哪些有效的推广策略？</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-22702" class="post post-list post-22702 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/22702.html" title="zblog免登接口-zblog模板火车头采集发布免登接口！" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/08/zblog.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="zblog免登接口-zblog模板火车头采集发布免登接口！" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22702.html" title="zblog免登接口-zblog模板火车头采集发布免登接口！" rel="bookmark">zblog免登接口-zblog模板火车头采集发布免登接口！</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-31T18:34:42+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-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-22539" class="post post-list post-22539 type-post status-publish format-standard hentry category-fbgz category-hctcj tag-5179 tag-1846 tag-5183 tag-5178">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22539.html" title="彩虹商城发布模块-彩虹发卡知识付费模版-火车头发布模块" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/08/20240314190215305-300x300-3.png" 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/22539.html" title="彩虹商城发布模块-彩虹发卡知识付费模版-火车头发布模块" rel="bookmark">彩虹商城发布模块-彩虹发卡知识付费模版-火车头发布模块</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-28T22:46:57+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-23072" class="post post-list post-23072 type-post status-publish format-standard hentry category-fbgz category-hctcj tag-cms 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/23072.html" title="易优CMS发布模块-易优(EyouCMS)火车头采集器文章发布模块-网站 产品批量发布" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/111.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="易优CMS发布模块-易优(EyouCMS)火车头采集器文章发布模块-网站 产品批量发布" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/23072.html" title="易优CMS发布模块-易优(EyouCMS)火车头采集器文章发布模块-网站 产品批量发布" rel="bookmark">易优CMS发布模块-易优(EyouCMS)火车头采集器文章发布模块-网站 产品批量发布</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-28T13:34:50+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-22791" class="post post-list post-22791 type-post status-publish format-standard has-post-thumbnail hentry category-mdjk category-fbgz category-zzcj category-hctcj category-cjjc category-cjgz">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22791.html" title="50万同义词替换库,txt格式,-火车头采集伪原创词库" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/1704552904-34ee8baf08849dd-300x300-1-200x200.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="50万同义词替换库,txt格式,-火车头采集伪原创词库" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22791.html" title="50万同义词替换库,txt格式,-火车头采集伪原创词库" rel="bookmark">50万同义词替换库,txt格式,-火车头采集伪原创词库</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-25T10:02:44+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-23076" class="post post-list post-23076 type-post status-publish format-standard hentry category-fbgz 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/23076.html" title="极致主题发布模块-Ripro子主题jizhi子主题火车头采集发布模块-极致·图片集 图片展示类主题" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/极致.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="极致主题发布模块-Ripro子主题jizhi子主题火车头采集发布模块-极致·图片集 图片展示类主题" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/23076.html" title="极致主题发布模块-Ripro子主题jizhi子主题火车头采集发布模块-极致·图片集 图片展示类主题" rel="bookmark">极致主题发布模块-Ripro子主题jizhi子主题火车头采集发布模块-极致·图片集 图片展示类主题</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-02T13:49:17+08:00">
<i class="fa fa-clock-o"></i>
1年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 19.9</span>
</div>
</div>
</div>
</article>
<article id="post-23091" class="post post-list post-23091 type-post status-publish format-standard hentry category-fbgz 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/23091.html" title="RiPlus主题发布模块-日主题RiPlus火车头采集发布模块！" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/riplus.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="RiPlus主题发布模块-日主题RiPlus火车头采集发布模块！" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/23091.html" title="RiPlus主题发布模块-日主题RiPlus火车头采集发布模块！" rel="bookmark">RiPlus主题发布模块-日主题RiPlus火车头采集发布模块！</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-02T14:14: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-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-23096" class="post post-list post-23096 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/23096.html" title="Rizhuti-V2发布模块-日主题V2火车头采集发布模块-支持视频文章形式" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/Rizhuti-V2.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="Rizhuti-V2发布模块-日主题V2火车头采集发布模块-支持视频文章形式" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/23096.html" title="Rizhuti-V2发布模块-日主题V2火车头采集发布模块-支持视频文章形式" rel="bookmark">Rizhuti-V2发布模块-日主题V2火车头采集发布模块-支持视频文章形式</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-03T14:22:21+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-22796" class="post post-list post-22796 type-post status-publish format-standard has-post-thumbnail hentry category-fbgz category-hctcj tag-wordpress 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/22796.html" title="模版兔主题火车头发布模块-WordPress主题-模板兔全新发布模块" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/20240314190215305-300x300-2-200x200.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="模版兔主题火车头发布模块-WordPress主题-模板兔全新发布模块" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22796.html" title="模版兔主题火车头发布模块-WordPress主题-模板兔全新发布模块" rel="bookmark">模版兔主题火车头发布模块-WordPress主题-模板兔全新发布模块</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-01T11:02:08+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: #F96; 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: #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/%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: #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/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: #37A7FF; 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: #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/%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: #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/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: #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/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: #37A7FF; 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: #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/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: #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/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: #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/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: #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/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: #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/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: #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%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: #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/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: #37A7FF; 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: #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/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":"29813"};
</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>
