登录
首页 >  文章 >  前端

HTML元关键词怎么设置?SEO优化指南

时间:2025-09-18 12:58:05 228浏览 收藏

从现在开始,我们要努力学习啦!今天我给大家带来《HTML元关键词怎么设置?现代优化指南》,感兴趣的朋友请继续看下去吧!下文中的内容我们主要会涉及到等等知识点,如果在阅读本文过程中有遇到不清楚的地方,欢迎留言呀!我们一起讨论,一起学习!

答案是HTML元关键词对现代SEO基本无用,主流搜索引擎如Google已不再采用它作为排名依据,因其易被滥用导致垃圾信息泛滥。尽管如此,在少数特定场景下仍有一定价值,例如部分网站的内部搜索系统或某些小众、垂直领域的搜索引擎可能参考该标签辅助内容索引。此外,一些老旧CMS系统或企业规范可能要求保留此标签以确保完整性。然而,对于绝大多数现代网页开发和搜索引擎优化工作而言,设置元关键词已无实际意义。与其耗费精力于此,不如专注更具影响力的SEO策略:优化标题标签(title)和元描述(description),提升内容质量与用户体验,构建清晰的网站结构和内部链接体系,确保移动端适配与页面加载速度,并应用结构化数据(Schema Markup)增强搜索结果展示效果。总之,SEO的核心已从技术性标签转向内容价值与用户服务,这才是获得长期排名提升的关键所在。

HTML元关键词怎么设置_元关键词使用现代指南

说实话,如果你问我HTML元关键词(meta keywords)在现代网页开发和搜索引擎优化中该怎么设置,我的直接答案是:大多数情况下,你可能根本不需要设置它,或者说,即便设置了,它的作用也微乎其微。核心观点是,它在主流搜索引擎的排名算法中几乎已经被弃用,但了解它的历史和偶尔的非SEO用途,还是有点意思的。

解决方案

虽然元关键词在SEO中的权重几乎为零,但如果你出于某种特定目的(比如内部搜索、特定CMS需求或纯粹的完整性考虑)需要设置它,语法非常简单。你只需要在HTML文档的标签内添加如下代码:

<meta name="keywords" content="关键词1, 关键词2, 长尾关键词, 相关短语">

这里的content属性值就是你的关键词列表,用逗号分隔。不过,我个人在做项目时,如果不是有明确的非SEO需求,基本不会去碰这个标签了。这就像是老旧的收音机,你明知道它接收不到数字信号了,但偶尔还是会打开它,听听那沙沙的模拟声,只不过现在我们更多的是去听流媒体。

现代搜索引擎如何看待HTML元关键词?

这是一个非常关键的问题,也是我每次和同行聊起SEO时,总会提及的一个点。简单来说,主流搜索引擎,尤其是Google,早在2009年就公开声明,他们已经不再使用元关键词来影响搜索排名了。这背后的原因其实不难理解:元关键词太容易被滥用了。早年间,开发者和SEO人员为了提高排名,会在这个标签里堆砌大量不相关的关键词,甚至用一些欺骗性的词语,这极大地损害了搜索结果的质量。

所以,Google选择直接无视它,转而将注意力放在更难以作弊的信号上,比如页面的实际内容质量、用户行为、外部链接的权威性等等。Bing和Yandex虽然没有像Google那样彻底否定它的作用,但其影响也极其有限,远不如标题、描述和页面内容本身。我的经验是,与其花时间去琢磨这个几乎没有用的标签,不如把精力投入到如何写出真正有价值的内容上。毕竟,内容才是王道,这是永恒不变的真理。

那么,元关键词在哪些场景下依然有价值?

你可能会觉得,既然它对SEO没用,那是不是就彻底没用了?也不尽然。我发现,在一些非常特定的、非主流的场景下,元关键词还是能发挥一点余热的。

一个比较常见的例子是内部搜索系统。有些网站的内部搜索功能,尤其是那些定制化程度不高的CMS(内容管理系统),可能会在后台配置时,将元关键词作为辅助的搜索索引。用户在站内搜索时,如果元关键词中包含了用户查询的词语,文章就有可能被检索出来。这对于一些大型网站,尤其是内容量巨大但内部搜索功能相对简陋的平台,可能还有点意义。

再者,一些小型或垂直领域的搜索引擎,或者一些早期的内容聚合平台,可能仍然会参考元关键词来理解页面主题。这就像是小众圈子里的暗号,虽然在大世界里无人知晓,但在特定的小圈子里,它可能就是沟通的桥梁。当然,这只是非常边缘化的应用,对我们日常面向Google、Bing的优化工作来说,基本可以忽略不计。我个人用它,更多的时候是作为一种个人习惯,或者说,如果公司有老旧的规定,那就象征性地加上,但心里清楚它不会带来什么奇迹。

替代元关键词,我们应该关注哪些SEO策略?

既然元关键词已经“退休”了,那我们现代的SEO工作重心应该放在哪里?这是个大问题,但核心思路其实很清晰:回归内容和用户体验

首先,标题标签(</code>)</strong>和<strong>元描述(<code><meta name="description"></code>)</strong>的重要性是毋庸置疑的。一个好的标题能吸引用户点击,一个精准的描述能让用户快速了解页面内容。这两个元素直接影响着用户在搜索结果页面的第一印象,其重要性远超元关键词。</p><p>其次,<strong>高质量、原创且有深度的内容</strong>是任何SEO策略的基石。搜索引擎现在非常聪明,它们能理解内容的语义,判断内容的专业性、权威性和可信度。所以,与其堆砌关键词,不如花时间研究用户真正想看什么,提供真正能解决问题、满足需求的信息。</p><p>再来,<strong>网站结构和内部链接</strong>也非常重要。清晰的网站架构能帮助搜索引擎更好地抓取和理解你的网站内容,而合理的内部链接则能传递页面权重,引导用户和搜索引擎发现更多相关内容。</p><p>别忘了<strong>移动友好性</strong>和<strong>页面加载速度</strong>。在移动互联网时代,如果你的网站在手机上体验不佳,或者加载速度慢如蜗牛,那用户会毫不犹豫地离开,搜索引擎也会因此降低你的排名。</p><p>最后,<strong>结构化数据(Schema Markup)</strong>也值得投入精力。通过结构化数据,你可以用一种搜索引擎更容易理解的方式来描述你的内容,比如文章、产品、评论等,这有助于在搜索结果中获得更丰富的展示,也就是我们常说的“富摘要”(Rich Snippets)。</p><p>在我看来,SEO已经从过去的技术技巧竞争,演变成了<strong>用户体验和内容价值的全面竞争</strong>。我们不再是去“哄骗”搜索引擎,而是要真正地去服务用户。当你把用户放在第一位,搜索引擎自然会给你应有的回报。</p><p>到这里,我们也就讲完了《HTML元关键词怎么设置?SEO优化指南》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于HTML样式的知识点!</p> </div> <div class="labsList"> <a href="javascript:;" class="aLightGray" title="HTML样式">HTML样式</a> </div> </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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1年前  |   <a href="javascript:;" class="aLightGray" title="CSS">CSS</a> <a href="javascript:;" class="aLightGray" title="优化">优化</a> <a href="javascript:;" class="aLightGray" title="体验">体验</a> </div> <div class="tit lineOverflow"><a href="/article/72840.html" title="优化用户界面体验的秘密武器:CSS开发项目经验大揭秘" class="aBlack">优化用户界面体验的秘密武器:CSS开发项目经验大揭秘</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="72840" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1年前  |   <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/76259.html" title="使用微信小程序实现图片轮播特效" class="aBlack">使用微信小程序实现图片轮播特效</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="76259" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1年前  |   <a href="javascript:;" class="aLightGray" title="sessionStorage">sessionStorage</a> <a href="javascript:;" class="aLightGray" title="存储能力">存储能力</a> <a href="javascript:;" class="aLightGray" title="限制解析">限制解析</a> </div> <div class="tit lineOverflow"><a href="/article/83771.html" title="解析sessionStorage的存储能力与限制" class="aBlack">解析sessionStorage的存储能力与限制</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="83771" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1年前  |   <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/85057.html" title="探索冒泡活动对于团队合作的推动力" class="aBlack">探索冒泡活动对于团队合作的推动力</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="85057" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1年前  |   </div> <div class="tit lineOverflow"><a href="/article/91359.html" title="UI设计中为何选择绝对定位的智慧之道" class="aBlack">UI设计中为何选择绝对定位的智慧之道</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="91359" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  15分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/316607.html" title="CSS如何控制z-index层级顺序" class="aBlack">CSS如何控制z-index层级顺序</a></div> <div class="opt"> <span><i class="view"></i>474</span> <span class="collectBtn user_collection" data-id="316607" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  29分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/316600.html" title="WordPress首页布局错乱解决技巧" class="aBlack">WordPress首页布局错乱解决技巧</a></div> <div class="opt"> <span><i class="view"></i>351</span> <span class="collectBtn user_collection" data-id="316600" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  32分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/316598.html" title="CSS能处理JSON数据?实用技巧揭秘" class="aBlack">CSS能处理JSON数据?实用技巧揭秘</a></div> <div class="opt"> <span><i class="view"></i>386</span> <span class="collectBtn user_collection" data-id="316598" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  36分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/316595.html" title="JS修改元素属性值方法详解" class="aBlack">JS修改元素属性值方法详解</a></div> <div class="opt"> <span><i class="view"></i>455</span> <span class="collectBtn user_collection" data-id="316595" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  50分钟前  |   <a href="javascript:;" class="aLightGray" title="CSS盒模型">CSS盒模型</a> <a href="javascript:;" class="aLightGray" title="表单控件">表单控件</a> </div> <div class="tit lineOverflow"><a href="/article/316586.html" title="CSS盒模型在表单设计中的应用" class="aBlack">CSS盒模型在表单设计中的应用</a></div> <div class="opt"> <span><i class="view"></i>239</span> <span class="collectBtn user_collection" data-id="316586" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  56分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/316581.html" title="表单提交到指定DIV,无刷新加载" class="aBlack">表单提交到指定DIV,无刷新加载</a></div> <div class="opt"> <span><i class="view"></i>435</span> <span class="collectBtn user_collection" data-id="316581" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/316574.html" title="CSS实现月亮升落动画效果" class="aBlack">CSS实现月亮升落动画效果</a></div> <div class="opt"> <span><i class="view"></i>486</span> <span class="collectBtn user_collection" data-id="316574" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1小时前  |   <a href="javascript:;" class="aLightGray" title="html">html</a> <a href="javascript:;" class="aLightGray" title="iframe">iframe</a> <a href="javascript:;" class="aLightGray" title="object标签">object标签</a> <a href="javascript:;" class="aLightGray" title="嵌入内容">嵌入内容</a> <a href="javascript:;" class="aLightGray" title="embed标签">embed标签</a> </div> <div class="tit lineOverflow"><a href="/article/316573.html" title="HTML中使用<embed>标签可以嵌入外部内容,如视频、音频、PDF等。以下是一个基本的用法示例:<embedsrc="example.mp3"type="audio/mpeg"width="200"height="50">参数说明:src:指定要嵌入的内容的URL。type:指定嵌入内容的MIME类型(如audio/mpeg、video/mp4、application/" class="aBlack">HTML中使用<embed>标签可以嵌入外部内容,如视频、音频、PDF等。以下是一个基本的用法示例:<embedsrc="example.mp3"type="audio/mpeg"width="200"height="50">参数说明:src:指定要嵌入的内容的URL。type:指定嵌入内容的MIME类型(如audio/mpeg、video/mp4、application/</a></div> <div class="opt"> <span><i class="view"></i>359</span> <span class="collectBtn user_collection" data-id="316573" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1小时前  |   <a href="javascript:;" class="aLightGray" title="CSS教程">CSS教程</a> <a href="javascript:;" class="aLightGray" title="CSS自动换行">CSS自动换行</a> </div> <div class="tit lineOverflow"><a href="/article/316571.html" title="CSSword-break属性怎么用?" class="aBlack">CSSword-break属性怎么用?</a></div> <div class="opt"> <span><i class="view"></i>483</span> <span class="collectBtn user_collection" data-id="316571" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/316570.html" title="JS实现自然语言处理技巧解析" class="aBlack">JS实现自然语言处理技巧解析</a></div> <div class="opt"> <span><i class="view"></i>329</span> <span class="collectBtn user_collection" data-id="316570" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/316568.html" title="jQuery加载内容后MathJax不显示解决方法" class="aBlack">jQuery加载内容后MathJax不显示解决方法</a></div> <div class="opt"> <span><i class="view"></i>492</span> <span class="collectBtn user_collection" data-id="316568" 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/88_new_0_1.html" class="aLightGray" title="前端">前端</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/316552.html" title="JavaScript类定义详解与使用方法" class="aBlack">JavaScript类定义详解与使用方法</a></div> <div class="opt"> <span><i class="view"></i>268</span> <span class="collectBtn user_collection" data-id="316552" 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 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 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>514次学习</span> </dd> </dl> </li> <li> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="img_box"> <img 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>499次学习</span> </dd> </dl> </li> <li> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="img_box"> <img 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 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>484次学习</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> </body> </html>