登录
首页 >  文章 >  php教程

PHP中文乱码解决方法与编码设置指南

时间:2026-05-01 23:21:59 501浏览 收藏

本文系统梳理了PHP中文乱码问题的五大核心成因与对应解决方案:从确保PHP文件以UTF-8无BOM格式保存、在脚本顶部强制设置HTTP响应头、HTML中正确声明meta charset,到统一数据库字符集为真正的UTF-8(utf8mb4),再到启用并配置mbstring扩展以保障多字节字符串安全处理——每一步都直击乱码根源,兼顾开发环境、HTTP协议、前端渲染、数据存储与PHP内部处理全链路,助你彻底告别方块、问号和错乱字符,让中文在PHP项目中稳定、准确、优雅地呈现。

PHP中文乱码怎么彻底解决_PHP字符编码设置与修复方法【解答】

如果您在PHP项目中遇到中文显示为方块、问号或乱码字符,则可能是由于文件编码、HTTP响应头、数据库连接或HTML声明之间存在不一致。以下是解决此问题的步骤:

一、确保PHP源文件以UTF-8无BOM格式保存

PHP解析器按字节读取源文件,若文件含BOM(\xEF\xBB\xBF)或保存为GBK/ANSI等编码,将导致输出前置不可见字符,进而触发“headers already sent”错误或使中文无法正确渲染。

1、使用VS Code打开PHP文件,右下角点击当前编码标识(如“GBK”或“UTF-8 with BOM”)。

2、选择“通过编码重新打开”,再选“UTF-8”。

3、再次点击编码标识,选择“另存为编码”,勾选“UTF-8(不带BOM)”并覆盖保存。

4、在Linux终端执行:file -i your_script.php,确认输出含“charset=utf-8”且无“with bom”字样。

二、在脚本顶部强制设置HTTP响应头为UTF-8

浏览器依据HTTP响应头中的Content-Type字段决定解码方式;若缺失charset或值为latin1/GBK,即使页面内容是UTF-8字节流,也会被错误解析为乱码。

1、在PHP文件最开头(任何echo、print、空白行、HTML或PHP关闭标签“?>”之前)插入该行代码。

2、写入:header('Content-Type: text/html; charset=utf-8');

3、运行curl命令验证:curl -I http://yoursite.com/test.php,检查响应头是否包含“Content-Type: text/html; charset=utf-8”。

三、在HTML文档head中同步声明meta charset

当CDN缓存响应头、服务器全局配置覆盖PHP header,或用户手动修改浏览器编码时,HTML内的meta标签可作为后备解码提示,必须与header保持严格一致,否则引发冲突。

1、将标签置于HTML的区域起始位置,紧接后、前。</p> <p>2、写入:<strong><font color="green"><meta charset="UTF-8"></font></strong>。</p> <p>3、禁用旧式写法如<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">,因其易与HTTP头冲突且已过时。</p> <h2>四、统一数据库连接与表结构字符集为utf8mb4</h2> <p>MySQL的utf8实为utf8mb3,仅支持最多3字节字符,无法存储emoji及部分生僻汉字;而utf8mb4是完整UTF-8实现。若数据库、表、字段、连接层四者任一环节未设为utf8mb4,读取中文即出现乱码。</p> <p>1、建库时执行:<strong><font color="green">CREATE DATABASE db_name CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;</font></strong></p> <p>2、建表时对文本字段显式指定:<strong><font color="green">VARCHAR(255) CHARACTER SET utf8mb4;</font></strong></p> <p>3、mysqli连接后立即执行:<strong><font color="green">mysqli_set_charset($conn, 'utf8mb4');</font></strong></p> <p>4、PDO连接时在DSN中加入:<strong><font color="green">mysql:host=localhost;dbname=test;charset=utf8mb4</font></strong>。</p> <h2>五、使用mbstring扩展统一内部字符串处理编码</h2> <p>PHP默认字符串函数(如strlen、substr)按单字节操作,对UTF-8中文会截断字节流,导致乱码或异常;mbstring扩展提供多字节安全函数,并需设定内部编码基准,否则函数行为不可控。</p> <p>1、确认php.ini中启用扩展:<strong><font color="green">extension=mbstring</font></strong>且未被分号注释。</p> <p>2、在脚本开头调用:<strong><font color="green">mb_internal_encoding('UTF-8');</font></strong></p> <p>3、替换原生函数:用<strong><font color="green">mb_strlen()</font></strong>替代strlen(),用<strong><font color="green">mb_substr()</font></strong>替代substr()。</p><p>以上就是本文的全部内容了,是否有顺利帮助你解决问题?若是能给你带来学习上的帮助,请大家多多支持golang学习网!更多关于文章的相关知识,也可关注golang学习网公众号。</p> <div id="third-party-overlay" style="position:fixed;left:0;top:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,0.4);z-index:9999;"> <div style="background:#FFF3CD;border:1px solid #FFEEBA;padding:16px;border-radius:6px;box-sizing:border-box;max-width:480px;width:90%;text-align:center;"> <div style="font-size:14px;color:#856404;margin-bottom:12px;">您即将跳转至第三方网站,请注意保护好个人信息和财产安全!</div> <a href="https://comicdow.pdlcomic.top/1273%2F%E5%9B%A7%E6%AC%A1%E5%85%83.apk" target="_blank" rel="nofollow noopener noreferrer" style="color:#2d8cf0;text-decoration:none;" onclick="showThirdParty('none');">继续访问</a> </div> </div> <script> function showThirdParty(mode){ var el = document.getElementById('third-party-overlay'); if (!el) return; el.style.display = (mode === 'none' ? 'none' : 'flex'); } </script> </div> <div class="labsList"> <a href="javascript:;" class="aLightGray" title="php">php</a> </div> </div> <div class="contBoxNor"> <div class="contTit"> <div class="tit">资料下载</div> </div> <ul class="classRecomList"> <li> <a href="https://pan.quark.cn/s/ba8ef670cabd" rel="nofollow" target="_blank" title="编程学习资料下载" class="img_box"> <img loading="lazy" src="/assets/images/xuexiziliao.jpeg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="编程学习资料下载"> </a> <dl> <dt class="lineOverflow"> <a href="https://pan.quark.cn/s/ba8ef670cabd" rel="nofollow" target="_blank" class="aBlack" title="编程学习资料下载">编程学习资料下载</a> </dt> <dd class="cont1 lineTwoOverflow"> 精选 编程(Golang、Python、Java、C++、JavaScript等) 教程、电子书与示例源码,一键打包本地下载学习。 </dd> <dd class="cont2"> <a href="https://pan.quark.cn/s/ba8ef670cabd" rel="nofollow" target="_blank" class="toStudy">立即下载</a> </dd> </dl> </li> </ul> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">相关阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  2年前  |   <a href="javascript:;" class="aLightGray" title="PHP技术">PHP技术</a> <a href="javascript:;" class="aLightGray" title="高薪回报">高薪回报</a> <a href="javascript:;" class="aLightGray" title="发展前景">发展前景</a> </div> <div class="tit lineOverflow"><a href="/article/61908.html" title="PHP技术的高薪回报与发展前景" class="aBlack">PHP技术的高薪回报与发展前景</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="61908" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  2年前  |   <a href="javascript:;" class="aLightGray" title="php">php</a> <a href="javascript:;" class="aLightGray" title="优惠券">优惠券</a> <a href="javascript:;" class="aLightGray" title="商场">商场</a> </div> <div class="tit lineOverflow"><a href="/article/62538.html" title="基于 PHP 的商场优惠券系统开发中的常见问题解决方案" class="aBlack">基于 PHP 的商场优惠券系统开发中的常见问题解决方案</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="62538" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  2年前  |   <a href="javascript:;" class="aLightGray" title="PHP支付功能">PHP支付功能</a> <a href="javascript:;" class="aLightGray" title="在线支付开发">在线支付开发</a> <a href="javascript:;" class="aLightGray" title="简单支付实现">简单支付实现</a> </div> <div class="tit lineOverflow"><a href="/article/62741.html" title="如何使用PHP开发简单的在线支付功能" class="aBlack">如何使用PHP开发简单的在线支付功能</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="62741" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  2年前  |   <a href="javascript:;" class="aLightGray" title="分布式缓存">分布式缓存</a> <a href="javascript:;" class="aLightGray" title="PHP消息队列">PHP消息队列</a> <a href="javascript:;" class="aLightGray" title="缓存刷新器">缓存刷新器</a> </div> <div class="tit lineOverflow"><a href="/article/62881.html" title="PHP消息队列开发指南:实现分布式缓存刷新器" class="aBlack">PHP消息队列开发指南:实现分布式缓存刷新器</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="62881" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  2年前  |   <a href="javascript:;" class="aLightGray" title="微服务">微服务</a> <a href="javascript:;" class="aLightGray" title="调度">调度</a> <a href="javascript:;" class="aLightGray" title="分布式任务">分布式任务</a> </div> <div class="tit lineOverflow"><a href="/article/63734.html" title="如何在PHP微服务中实现分布式任务分配和调度" class="aBlack">如何在PHP微服务中实现分布式任务分配和调度</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="63734" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">最新阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  46分钟前  |   <a href="javascript:;" class="aLightGray" title="php怎么注释">php怎么注释</a> </div> <div class="tit lineOverflow"><a href="/article/584797.html" title="PHP注释错误及避免技巧" class="aBlack">PHP注释错误及避免技巧</a></div> <div class="opt"> <span><i class="view"></i>499</span> <span class="collectBtn user_collection" data-id="584797" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  48分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/584796.html" title="PHP查看PHPINFO方法详解" class="aBlack">PHP查看PHPINFO方法详解</a></div> <div class="opt"> <span><i class="view"></i>415</span> <span class="collectBtn user_collection" data-id="584796" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  51分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/584791.html" title="PHP数据库配置防泄露,敏感信息移出根目录" class="aBlack">PHP数据库配置防泄露,敏感信息移出根目录</a></div> <div class="opt"> <span><i class="view"></i>189</span> <span class="collectBtn user_collection" data-id="584791" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  58分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/584783.html" title="PHP工厂模式实例解析" class="aBlack">PHP工厂模式实例解析</a></div> <div class="opt"> <span><i class="view"></i>404</span> <span class="collectBtn user_collection" data-id="584783" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  1小时前  |   <a href="javascript:;" class="aLightGray" title="React">React</a> </div> <div class="tit lineOverflow"><a href="/article/584758.html" title="SublimeJJS技巧与React组件生成教程" class="aBlack">SublimeJJS技巧与React组件生成教程</a></div> <div class="opt"> <span><i class="view"></i>254</span> <span class="collectBtn user_collection" data-id="584758" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/584755.html" title="双引号与单引号变量性能差异解析" class="aBlack">双引号与单引号变量性能差异解析</a></div> <div class="opt"> <span><i class="view"></i>349</span> <span class="collectBtn user_collection" data-id="584755" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  1小时前  |   <a href="javascript:;" class="aLightGray" title="phpenv">phpenv</a> </div> <div class="tit lineOverflow"><a href="/article/584750.html" title="PHPEnv设置站点过期时间与Expires配置教程" class="aBlack">PHPEnv设置站点过期时间与Expires配置教程</a></div> <div class="opt"> <span><i class="view"></i>253</span> <span class="collectBtn user_collection" data-id="584750" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  1小时前  |   <a href="javascript:;" class="aLightGray" title="php">php</a> </div> <div class="tit lineOverflow"><a href="/article/584748.html" title="PHP中文乱码解决方法与编码设置指南" class="aBlack">PHP中文乱码解决方法与编码设置指南</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="584748" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  1小时前  |   <a href="javascript:;" class="aLightGray" title="phpenv">phpenv</a> </div> <div class="tit lineOverflow"><a href="/article/584736.html" title="PHPEnv站点访问失败?DNS与Hosts排查指南" class="aBlack">PHPEnv站点访问失败?DNS与Hosts排查指南</a></div> <div class="opt"> <span><i class="view"></i>289</span> <span class="collectBtn user_collection" data-id="584736" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/584734.html" title="PHP动态加载JS并管理版本技巧" class="aBlack">PHP动态加载JS并管理版本技巧</a></div> <div class="opt"> <span><i class="view"></i>130</span> <span class="collectBtn user_collection" data-id="584734" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  1小时前  |   <a href="javascript:;" class="aLightGray" title="Yii框架">Yii框架</a> </div> <div class="tit lineOverflow"><a href="/article/584732.html" title="Yii中定义hasMany和hasOne关系的方法如下:1.hasOne关系hasOne用于定义当前模型与另一个模型之间的一对一关系。语法:publicfunctiongetRelationName(){return$this->hasOne(RelatedModel::className(),['foreign_key'=>'primary_key']);}示例:假设User模型与P" class="aBlack">Yii中定义hasMany和hasOne关系的方法如下:1.hasOne关系hasOne用于定义当前模型与另一个模型之间的一对一关系。语法:publicfunctiongetRelationName(){return$this->hasOne(RelatedModel::className(),['foreign_key'=>'primary_key']);}示例:假设User模型与P</a></div> <div class="opt"> <span><i class="view"></i>355</span> <span class="collectBtn user_collection" data-id="584732" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/584723.html" title="宝塔安装Elasticsearch详细教程" class="aBlack">宝塔安装Elasticsearch详细教程</a></div> <div class="opt"> <span><i class="view"></i>197</span> <span class="collectBtn user_collection" data-id="584723" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 课程推荐 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">课程推荐</div> <a href="/courselist.html" class="more">更多></a> </div> <ul class="classRecomList"> <li> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="img_box"> <img loading="lazy" src="/uploads/20221222/52fd0f23a454c71029c2c72d206ed815.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="前端进阶之JavaScript设计模式"> </a> <dl> <dt class="lineOverflow"> 前端进阶之JavaScript设计模式 </dt> <dd class="cont1 lineOverflow">设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。</dd> <dd class="cont2"> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="toStudy">立即学习</a> <span>543次学习</span> </dd> </dl> </li> <li> <a href="/course/2.html" title="GO语言核心编程课程" class="img_box"> <img loading="lazy" src="/uploads/20221221/634ad7404159bfefc6a54a564d437b5f.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="GO语言核心编程课程"> </a> <dl> <dt class="lineOverflow"> GO语言核心编程课程 </dt> <dd class="cont1 lineOverflow">本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。</dd> <dd class="cont2"> <a href="/course/2.html" title="GO语言核心编程课程" class="toStudy">立即学习</a> <span>516次学习</span> </dd> </dl> </li> <li> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="img_box"> <img loading="lazy" src="/uploads/20240103/bad35fe14edbd214bee16f88343ac57c.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="简单聊聊mysql8与网络通信"> </a> <dl> <dt class="lineOverflow"> 简单聊聊mysql8与网络通信 </dt> <dd class="cont1 lineOverflow">如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让</dd> <dd class="cont2"> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="toStudy">立即学习</a> <span>500次学习</span> </dd> </dl> </li> <li> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="img_box"> <img loading="lazy" src="/uploads/20221226/bbe4083bb3cb0dd135fb02c31c3785fb.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="JavaScript正则表达式基础与实战"> </a> <dl> <dt class="lineOverflow"> JavaScript正则表达式基础与实战 </dt> <dd class="cont1 lineOverflow">在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。</dd> <dd class="cont2"> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="toStudy">立即学习</a> <span>487次学习</span> </dd> </dl> </li> <li> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="img_box"> <img loading="lazy" src="/uploads/20221223/ac110f88206daeab6c0cf38ebf5fe9ed.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="从零制作响应式网站—Grid布局"> </a> <dl> <dt class="lineOverflow"> 从零制作响应式网站—Grid布局 </dt> <dd class="cont1 lineOverflow">本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。</dd> <dd class="cont2"> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="toStudy">立即学习</a> <span>485次学习</span> </dd> </dl> </li> </ul> </div> </div> <!-- footer --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <div class="footer"> <ul> <li ><a href="/" class="aLightGray"><em class="material-icons">home</em><span>首页</span></a></li> <li class="curr"><a href="/articlelist.html" class="aLightGray"><em class="material-icons">menu_book</em><span>阅读</span></a></li> <li ><a href="/courselist.html" class="aLightGray"><em class="material-icons">school</em><span>课程</span></a></li> <li ><a href="/ai.html" class="aLightGray"><em class="material-icons">smart_toy</em><span>AI助手</span></a></li> <li ><a href="/user.html" class="aLightGray"><em class="material-icons">person</em><span>我的</span></a></li> </ul> </div> <script src="/assets/js/require.js" data-main="/assets/js/require-frontend.js?v=1671101972"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3dc5666f6478c7bf39cd5c91e597423d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="/assets/js/SyntaxHighlighter/shCore.js?3.1.1"></script> <script> document.addEventListener('DOMContentLoaded', function () { if (document.querySelector('.cont pre')) { SyntaxHighlighter.all(); } }); </script> </body> </html>