在HTML5中，标签是一个值得重点关注的语义化元素，它支持嵌套多种语义化标签，比如和，能帮你把网页内容组织得结构清晰、独立成块。下面就来拆解一下，怎么用这个标签做嵌套标题。首先，打开HBuilderX，双击运行后，找到你的目标Web项目，新建一个HTML文件，命名为article.html。打开刚创
在HTML5中，
首先，打开HBuilderX，双击运行后，找到你的目标Web项目，新建一个HTML文件，命名为article.html。
打开刚创建的article.html，在</code>标签里，把网页标题改成你想要的文本。</p><p><img src="/uploads/20260713/178393382715618.webp" alt="HTML5 article标签嵌套标题技巧" /></p><p>接下来，在<code><body></code>标签内部，插入一个<code><article></code>标签，再在里面添加一个<code><h1></code>作为主标题。这一步很关键，主标题是内容的入口点。</p><p>紧跟着<code><h1></code>之后，放一个<code><time></code>标签，用来标注时间信息。这样不仅语义清晰，还能让搜索引擎更好地理解内容的时间属性。</p><p><img src="/uploads/20260713/178393382754409.webp" alt="HTML5 article标签嵌套标题技巧" /></p><p>再往后，在<code><article></code>标签内部，按顺序添加<code><header></code>和<code><footer></code>这两个子元素。它们分别定义文章的开头区域和结尾区域，让布局更规整。</p><p><img src="/uploads/20260713/178393382768986.webp" alt="HTML5 article标签嵌套标题技巧" /></p><p>完成编码后，保存文件，刷新浏览器页面，就能看到<code><article></code>及其子元素的实际渲染效果了。一个很实用的技巧是，这里的<code><header></code>和<code><footer></code>并不是必须的，但加入它们能提升代码的可读性和维护性。</p><p><img src="/uploads/20260713/178393382731395.webp" alt="HTML5 article标签嵌套标题技巧" /></p> </div>
<span class="article_notice">本文内容来源于互联网，如有侵权请联系删除。</span>
<div class="article_otherarticle">
<span>作者最新文章</span>
<div>
<div class="otherarticles">
<a href="/news/752375"
title="纯纯写作"><span>纯纯写作</span></a>
<span>2026-09-16 17:42</span>
</div>
<div class="otherarticles">
<a href="/news/767640"
title="JMeter入门：创建HTTP请求并验证响应结果"><span>JMeter入门：创建HTTP请求并验证响应结果</span></a>
<span>2026-09-02 10:20</span>
</div>
<div class="otherarticles">
<a href="/news/767635"
title="文件表格制作教程：选择Word或Excel的判断方法"><span>文件表格制作教程：选择Word或Excel的判断方法</span></a>
<span>2026-09-02 09:45</span>
</div>
<div class="otherarticles">
<a href="/news/767629"
title="多个PPT怎么一次性转PDF？PPT批量转换工具有哪些？"><span>多个PPT怎么一次性转PDF？PPT批量转换工具有哪些？</span></a>
<span>2026-09-02 06:00</span>
</div>
<div class="otherarticles">
<a href="/news/767610"
title="PDF图纸转CAD的3种方法及比例校准指南"><span>PDF图纸转CAD的3种方法及比例校准指南</span></a>
<span>2026-09-01 18:36</span>
</div>
</div>
</div>
<div class="article_card_class">
<a href="/newslist/321_1" title="软件教程">软件教程</a>
<a href="/newslist/7351_1" title="html">html</a>
</div>
<div class="article_nearby">
<div>
<span>上一篇：</span>
<a href="/news/706030" title="昆山服装厂店运营攻略" class="woh">昆山服装厂店运营攻略</a>
</div>
<div>
<span>下一篇：</span>
<a href="/news/768328" title="3dmax动画制作入门教程：流程步骤与实例详解" class="woh">3dmax动画制作入门教程：流程步骤与实例详解</a>
</div>
</div>
<div class="article_related">
<div class="index_title flexBox">
<span>相关文章</span>
<a href="/newslist/1" title="更多">更多</a>
</div>
<div class="article_relatedM swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="indexMain4Ms">
<a href="/news/768306" title="uc浏览器网址导航页面在哪里？入口位置查找方法"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/12772cccc178e28668a584ea2ab896a1.webp" src="/static/m/images/moren.png"
alt="uc浏览器网址导航页面在哪里？入口位置查找方法" class="oimg" /></a>
<div>
<a href="/news/768306" title="uc浏览器网址导航页面在哪里？入口位置查找方法"
class="indexMain4Ms_title poh">uc浏览器网址导航页面在哪里？入口位置查找方法</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/53650_1"
title="UC浏览器">UC浏览器</a>
<a href="/newslist/104875_1"
title="手机浏览器">手机浏览器</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/768268" title="html写提交成功页面代码及完整实现方法"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/1625a94aa82689d231d2ab2407d67f47.webp" src="/static/m/images/moren.png"
alt="html写提交成功页面代码及完整实现方法" class="oimg" /></a>
<div>
<a href="/news/768268" title="html写提交成功页面代码及完整实现方法"
class="indexMain4Ms_title poh">html写提交成功页面代码及完整实现方法</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/7351_1"
title="html">html</a>
<a href="/newslist/7869_1"
title="前端开发">前端开发</a>
<a href="/newslist/20656_1"
title="用户体验">用户体验</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/768217" title="tomcat安装与环境变量配置教程及完整操作步骤"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/e7e1fb58f76b120938bcbbddd226b2b8.webp" src="/static/m/images/moren.png"
alt="tomcat安装与环境变量配置教程及完整操作步骤" class="oimg" /></a>
<div>
<a href="/news/768217" title="tomcat安装与环境变量配置教程及完整操作步骤"
class="indexMain4Ms_title poh">tomcat安装与环境变量配置教程及完整操作步骤</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/7800_1"
title="tomcat">tomcat</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4Ms">
<a href="/news/768212" title="Gemini官网下载链接及官方安装包获取方法"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/a8382e7c20273a6f8d193930139ec6cd.webp" src="/static/m/images/moren.png"
alt="Gemini官网下载链接及官方安装包获取方法" class="oimg" /></a>
<div>
<a href="/news/768212" title="Gemini官网下载链接及官方安装包获取方法"
class="indexMain4Ms_title poh">Gemini官网下载链接及官方安装包获取方法</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/14007_1"
title="官方下载">官方下载</a>
<a href="/newslist/35111_1"
title="Gemini">Gemini</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/768201" title="apache安装全过程详解教程新手完整操作步骤"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/f893004b86a069b7d4156ee7df82f2dd.webp" src="/static/m/images/moren.png"
alt="apache安装全过程详解教程新手完整操作步骤" class="oimg" /></a>
<div>
<a href="/news/768201" title="apache安装全过程详解教程新手完整操作步骤"
class="indexMain4Ms_title poh">apache安装全过程详解教程新手完整操作步骤</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/8862_1"
title="web服务器">web服务器</a>
<a href="/newslist/8927_1"
title="系统配置">系统配置</a>
<a href="/newslist/9012_1"
title="apache">apache</a>
<a href="/newslist/100407_1"
title="HTTP服务器">HTTP服务器</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/768141" title="jenkins自动部署jar包教程及完整操作流程"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/72f5bbdd2deb90fe6cd54b3a6ada895a.webp" src="/static/m/images/moren.png"
alt="jenkins自动部署jar包教程及完整操作流程" class="oimg" /></a>
<div>
<a href="/news/768141" title="jenkins自动部署jar包教程及完整操作流程"
class="indexMain4Ms_title poh">jenkins自动部署jar包教程及完整操作流程</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/8270_1"
title="maven">maven</a>
<a href="/newslist/11362_1"
title="CI/CD">CI/CD</a>
<a href="/newslist/12333_1"
title="jenkins">jenkins</a>
<a href="/newslist/24721_1"
title="Shell脚本">Shell脚本</a>
<a href="/newslist/51014_1"
title="jar包">jar包</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4Ms">
<a href="/news/768127" title="白日梦ai抢先版导出文件在哪里？默认保存路径查找方法"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/8c1e4b59c620853cd655423e5bdb06e8.webp" src="/static/m/images/moren.png"
alt="白日梦ai抢先版导出文件在哪里？默认保存路径查找方法" class="oimg" /></a>
<div>
<a href="/news/768127" title="白日梦ai抢先版导出文件在哪里？默认保存路径查找方法"
class="indexMain4Ms_title poh">白日梦ai抢先版导出文件在哪里？默认保存路径查找方法</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/5284_1"
title="资源管理">资源管理</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/768111" title="codex app download iOS版怎么安装使用教程"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/c277f70929e782406359ca0254ec0f42.webp" src="/static/m/images/moren.png"
alt="codex app download iOS版怎么安装使用教程" class="oimg" /></a>
<div>
<a href="/news/768111" title="codex app download iOS版怎么安装使用教程"
class="indexMain4Ms_title poh">codex app download iOS版怎么安装使用教程</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/61328_1"
title="开发者工具">开发者工具</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/767785" title="AE基础教程：如何创建合成并制作关键帧动画"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260904/178848525769198.webp" src="/static/m/images/moren.png"
alt="AE基础教程：如何创建合成并制作关键帧动画" class="oimg" /></a>
<div>
<a href="/news/767785" title="AE基础教程：如何创建合成并制作关键帧动画"
class="indexMain4Ms_title poh">AE基础教程：如何创建合成并制作关键帧动画</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/123404_1"
title="关键帧动画">关键帧动画</a>
</div>
<span>09.04</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4Ms">
<a href="/news/767784" title="电影剪辑实战：镜头组织、节奏控制与声音衔接技巧"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260904/178848524922643.webp" src="/static/m/images/moren.png"
alt="电影剪辑实战：镜头组织、节奏控制与声音衔接技巧" class="oimg" /></a>
<div>
<a href="/news/767784" title="电影剪辑实战：镜头组织、节奏控制与声音衔接技巧"
class="indexMain4Ms_title poh">电影剪辑实战：镜头组织、节奏控制与声音衔接技巧</a>
<div class="indexMain4Ms_info">
<span>09.04</span>
</div>
</div>
</div>
</div>
</div>
<div class="article_relatedM_pagination"></div>
</div>
</div>
<div class="indexMain4R1">
<div class="index_title flexBox">
<span>热门文章</span>
<a href="/newslist/1" title="更多">更多</a>
</div>
<div class="indexMain4R1M">
<a href="/news/561233" title="Yandex中文入口及登录使用全攻略" class=""><span
class="woh">Yandex中文入口及登录使用全攻略</span></a>
<a href="/news/561969" title="51漫画高清入口及最新章节更新" class=""><span
class="woh">51漫画高清入口及最新章节更新</span></a>
<a href="/news/469906" title="B站免费入口永久有效网址推荐" class=""><span
class="woh">B站免费入口永久有效网址推荐</span></a>
<a href="/news/536543" title="58动漫网入口及永久访问方法" class=""><span
class="woh">58动漫网入口及永久访问方法</span></a>
<a href="/news/563134" title="B站免费入口网站高效连接方法" class=""><span
class="woh">B站免费入口网站高效连接方法</span></a>
<a href="/news/573074" title="蓝海书屋免费小说全本阅读推荐入口" class=""><span
class="woh">蓝海书屋免费小说全本阅读推荐入口</span></a>
</div>
</div>
<div class="indexMain4R2">
<div class="index_title flexBox">
<span>精品专题</span>
<a href="/newslist/tag_1" title="更多">更多</a>
</div>
<div class="indexMain4R2M swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="indexMain4R2Ms">
<a href="/newslist/141355_1" title="本月促销"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/3f1f617d80a90800d626d2e2a5a440e0.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/141355_1" title="本月促销"
class="woh">本月促销</a>
<p class="poh">正软商城本月促销专区，汇集办公、设计、安全、影音、系统工具及AI软件等正版软件优惠活动，提供限时折扣、特价授权和优惠购买信息，活动库存及价格以页面实时展示为准。</p>
</div>
</div>
<div class="indexMain4R2Ms">
<a href="/newslist/141356_1" title="装机必备"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/23a0ca69dd790f4a338bf469823181a8.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/141356_1" title="装机必备"
class="woh">装机必备</a>
<p class="poh">正软商城装机必备专区，精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件，帮助用户快速完成新电脑软件配置。</p>
</div>
</div>
<div class="indexMain4R2Ms">
<a href="/newslist/2909_1" title="Windows"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/7a276fc2f6c50e3d02985b5c5b8c3791.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/2909_1" title="Windows"
class="woh">Windows</a>
<p class="poh">正软商城Windows软件专区，汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件，提供软件介绍、系统要求、正版授权及购买下载服务。</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4R2Ms">
<a href="/newslist/3169_1" title="macOS软件"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/67558ffa810c3aac92a7fc0ec0379666.png" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/3169_1" title="macOS软件"
class="woh">macOS软件</a>
<p class="poh">正软商城macOS软件专区，精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具，提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。</p>
</div>
</div>
<div class="indexMain4R2Ms">
<a href="/newslist/4170_1" title="IOS软件"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/13f53c6f8a73cfddb8e967fc48566618.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/4170_1" title="IOS软件"
class="woh">IOS软件</a>
<p class="poh">正软商城iOS软件专区，精选适用于iPhone和iPad的办公、学习、影音、设计、效率及AI应用，提供功能介绍、适用设备、系统要求和正版获取方式等信息。</p>
</div>
</div>
<div class="indexMain4R2Ms">
<a href="/newslist/3110_1" title="AI"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/10188ccb49192fe36d1dff693e4cf0f3.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/3110_1" title="AI"
class="woh">AI</a>
<p class="poh">正软商城AI软件专区，汇集AI写作、AI绘画、AI视频、AI办公、AI编程、AI翻译、智能客服和数据分析等人工智能工具，提供功能介绍、适用平台、收费方式及正版购买信息。</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4R2Ms">
<a href="/newslist/340_1" title="PDF教程"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260920/178986704893123.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/340_1" title="PDF教程"
class="woh">PDF教程</a>
<p class="poh">正软商城PDF教程频道提供PDF编辑、转换、合并、拆分、压缩及格式处理方法，同时介绍常用PDF软件和工具的使用技巧。</p>
</div>
</div>
</div>
</div>
<div class="indexMain4R2M_pagination"></div>
</div>
</div>
<div class="indexMain3">
<div class="index_title flexBox">
<span>Mac软件</span>
<a href="/newslist/3169_1" title="更多">更多</a>
</div>
<div class="indexMain3M swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752345" title="灵活计算器"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697900269097.png" src="/static/m/images/moren.png"
alt="灵活计算器" class="oimg" /></a>
<div>
<a href="/news/752345" title="灵活计算器"
class="indexMain3Ms_title woh">灵活计算器</a>
<p class="woh">灵活计算器是一款笔记式算数应用，支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752345" title="灵活计算器"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752357" title="赤友清理大师"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697957425469.png" src="/static/m/images/moren.png"
alt="赤友清理大师" class="oimg" /></a>
<div>
<a href="/news/752357" title="赤友清理大师"
class="indexMain3Ms_title woh">赤友清理大师</a>
<p class="woh">赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752357" title="赤友清理大师"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698012420573.png" src="/static/m/images/moren.png"
alt="极度公式" class="oimg" /></a>
<div>
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_title woh">极度公式</a>
<p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/4040_1" title="Linux">Linux</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752364" title="图几"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697993544041.png" src="/static/m/images/moren.png"
alt="图几" class="oimg" /></a>
<div>
<a href="/news/752364" title="图几"
class="indexMain3Ms_title woh">图几</a>
<p class="woh">图几是一款适用于 macOS 的截图、标注与美化工具，支持离线操作保障隐私。界面整理和高频系统操作被放到一起考虑，桌面或窗口内容一多时，管理起来会更省心。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752364" title="图几"
class="indexMain3Ms_download"></a>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260818/dfc07fc7a04bdc39bd5410c9bcf26de8.png" src="/static/m/images/moren.png"
alt="密码键盘" class="oimg" /></a>
<div>
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_title woh">密码键盘</a>
<p class="woh">密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698021436447.png" src="/static/m/images/moren.png"
alt="思源笔记" class="oimg" /></a>
<div>
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_title woh">思源笔记</a>
<p class="woh">思源笔记是一款本地笔记软件，提供所见即所得的编辑方式，为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20200428/73577d473e5a93eb751d1e5afae49316.jpg" src="/static/m/images/moren.png"
alt="Office 365 简体中文" class="oimg" /></a>
<div>
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_title woh">Office 365 简体中文</a>
<p class="woh"> 一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。</p>
</div>
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698063344851.png" src="/static/m/images/moren.png"
alt="WALTR PRO" class="oimg" /></a>
<div>
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_title woh">WALTR PRO</a>
<p class="woh">WALTR是一款电脑至iOS文件传输转换工具，操作简单，快速实现文件识别与传送。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/4336_1" title="Pro">Pro</a>
</div>
</div>
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_download"></a>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698054226581.png" src="/static/m/images/moren.png"
alt="CodeExpander" class="oimg" /></a>
<div>
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_title woh">CodeExpander</a>
<p class="woh">CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698032220782.png" src="/static/m/images/moren.png"
alt="Mountain Duck" class="oimg" /></a>
<div>
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_title woh">Mountain Duck</a>
<p class="woh">Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752366" title="Menuist"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698002923916.png" src="/static/m/images/moren.png"
alt="Menuist" class="oimg" /></a>
<div>
<a href="/news/752366" title="Menuist"
class="indexMain3Ms_title woh">Menuist</a>
<p class="woh">Menuist 是一款面向 macOS 的 Finder 右键菜单增强工具，主要用来补充新建文件、快捷导航等常用操作，让日常文件管理和访问路径时更高效、更顺手。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752366" title="Menuist"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752365" title="Mole"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697997167385.png" src="/static/m/images/moren.png"
alt="Mole" class="oimg" /></a>
<div>
<a href="/news/752365" title="Mole"
class="indexMain3Ms_title woh">Mole</a>
<p class="woh">Mole 是一款专为 Mac 设计的深度清理优化工具，涵盖缓存清理、应用管理及实时状态监控等功能。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752365" title="Mole"
class="indexMain3Ms_download"></a>
</div>
</div>
</div>
<div class="indexMain3M_pagination"></div>
</div>
</div>
<div class="indexMain3">
<div class="index_title flexBox">
<span>WINDOWS</span>
<a href="/newslist/2909_1" title="更多">更多</a>
</div>
<div class="indexMain3M swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752356" title="Windows 10"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697951292792.png" src="/static/m/images/moren.png"
alt="Windows 10" class="oimg" /></a>
<div>
<a href="/news/752356" title="Windows 10"
class="indexMain3Ms_title woh">Windows 10</a>
<p class="woh">Windows 10 是一款微软推出的经典操作系统，拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2854_1" title="Windows 10">Windows 10</a>
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/4041_1" title="操作系统">操作系统</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752356" title="Windows 10"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698012420573.png" src="/static/m/images/moren.png"
alt="极度公式" class="oimg" /></a>
<div>
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_title woh">极度公式</a>
<p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/4040_1" title="Linux">Linux</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260818/dfc07fc7a04bdc39bd5410c9bcf26de8.png" src="/static/m/images/moren.png"
alt="密码键盘" class="oimg" /></a>
<div>
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_title woh">密码键盘</a>
<p class="woh">密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698021436447.png" src="/static/m/images/moren.png"
alt="思源笔记" class="oimg" /></a>
<div>
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_title woh">思源笔记</a>
<p class="woh">思源笔记是一款本地笔记软件，提供所见即所得的编辑方式，为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_download"></a>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752382" title="傲梅轻松备份"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698084562365.png" src="/static/m/images/moren.png"
alt="傲梅轻松备份" class="oimg" /></a>
<div>
<a href="/news/752382" title="傲梅轻松备份"
class="indexMain3Ms_title woh">傲梅轻松备份</a>
<p class="woh">傲梅轻松备份是一款专业易用的数据备份软件，为重要数据提供安全保障。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752382" title="傲梅轻松备份"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20200428/73577d473e5a93eb751d1e5afae49316.jpg" src="/static/m/images/moren.png"
alt="Office 365 简体中文" class="oimg" /></a>
<div>
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_title woh">Office 365 简体中文</a>
<p class="woh"> 一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。</p>
</div>
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752381" title="Wise Folder Hider Pro"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698079880102.png" src="/static/m/images/moren.png"
alt="Wise Folder Hider Pro" class="oimg" /></a>
<div>
<a href="/news/752381" title="Wise Folder Hider Pro"
class="indexMain3Ms_title woh">Wise Folder Hider Pro</a>
<p class="woh">Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件，为私密数据添加多重保护。高频操作更强调就近处理，浏览、整理和跨目录移动文件时，来回切换和重复点击都会少很多。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/4336_1" title="Pro">Pro</a>
</div>
</div>
<a href="/news/752381" title="Wise Folder Hider Pro"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698063344851.png" src="/static/m/images/moren.png"
alt="WALTR PRO" class="oimg" /></a>
<div>
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_title woh">WALTR PRO</a>
<p class="woh">WALTR是一款电脑至iOS文件传输转换工具，操作简单，快速实现文件识别与传送。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/4336_1" title="Pro">Pro</a>
</div>
</div>
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_download"></a>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698054226581.png" src="/static/m/images/moren.png"
alt="CodeExpander" class="oimg" /></a>
<div>
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_title woh">CodeExpander</a>
<p class="woh">CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752374" title="PinStack"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698043220915.png" src="/static/m/images/moren.png"
alt="PinStack" class="oimg" /></a>
<div>
<a href="/news/752374" title="PinStack"
class="indexMain3Ms_title woh">PinStack</a>
<p class="woh">PinStack是一款轻量级的Windows平台剪贴板管理工具，优化您的剪贴板使用体验。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
</div>
</div>
<a href="/news/752374" title="PinStack"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698032220782.png" src="/static/m/images/moren.png"
alt="Mountain Duck" class="oimg" /></a>
<div>
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_title woh">Mountain Duck</a>
<p class="woh">Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752371" title="Seer"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698026310735.png" src="/static/m/images/moren.png"
alt="Seer" class="oimg" /></a>
<div>
<a href="/news/752371" title="Seer"
class="indexMain3Ms_title woh">Seer</a>
<p class="woh">Seer是一款在Win平台下的空格键功能增强效率工具，只需轻敲空格键，就能预览几乎任何格式的文件。它更适合把零散的小功能集中起来使用，处理高频琐碎任务时会更省事。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
</div>
</div>
<a href="/news/752371" title="Seer"
class="indexMain3Ms_download"></a>
</div>
</div>
</div>
<div class="indexMain3M_pagination"></div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer2">
<p>网站备案号：苏ICP备2026018738号-1 联系邮箱：bd@zhengruan.com</p>
<p>Copyright ©2018-2026</p>
</div>
</footer>
<!--底部 end-->
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?3835539565b311d85319cd21da8fd0d9";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
var u = "https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '36']);
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</body>
<script src="/static/m/layui/layui.all.js"></script>
<script src="/static/m/swiper/swiper-bundle.min.js"></script>
<script src="/static/m/js/common.js?23"></script>
<script>
let redirectUrl = '';
function showConfirmModal(url) {
redirectUrl = url;
document.querySelector('.goto_url').textContent = redirectUrl;
document.getElementById('confirmModal').style.display = 'flex';
}
function hideConfirmModal() {
document.getElementById('confirmModal').style.display = 'none';
}
function confirmRedirect() {
if (redirectUrl) {
window.open(redirectUrl, '_blank');
}
hideConfirmModal();
}
document.getElementById('confirmModal').addEventListener('click', function (e) {
if (e.target === this) {
hideConfirmModal();
}
});
</script>
</html>
