登录
推荐 文章 Go 技术 课程 下载 专题 AI
首页 >  文章 >  python教程

如何用正则提取HTML特定内容

时间:2025-08-17 09:04:26 379浏览 收藏

今天golang学习网给大家带来了《如何用正则提取HTML特定内容》,其中涉及到的知识点包括等等,无论你是小白还是老手,都适合看一看哦~有好的建议也欢迎大家在评论留言,若是看完有所收获,也希望大家能多多点赞支持呀!一起加油学习~

正则表达式可用于提取HTML中的特定内容,但并非最佳工具,推荐使用BeautifulSoup等库。1. 提取标签内文本可用类似(.*?)的正则,捕获组提取所需内容;2. 提取属性值如图片src可用,并可通过src=(['\"])(.*?)\1兼容单双引号;3. 匹配带特定类名的标签内容如

...
可用
([\s\S]*?)
,但嵌套结构可能导致匹配失败;建议测试时用真实数据、多用非贪婪模式,并在复杂结构中优先选用HTML解析库以避免问题。

如何使用正则表达式提取HTML中的特定内容?

在处理网页数据时,提取HTML中的特定内容是很常见的需求。正则表达式(Regex)虽然不是解析HTML的最佳工具(推荐用BeautifulSoup或类似库),但在简单场景下,它仍然是一种快速有效的方法。

如何使用正则表达式提取HTML中的特定内容?

匹配标签内的文本内容

如果你只想提取某个标签之间的文本,比如</code>标签里的标题,可以用如下正则:</p><img src="/uploads/20250817/175539264768a12a8794dee.png" alt="如何使用正则表达式提取HTML中的特定内容?"><pre class="brush:language-regex;toolbar:false;"><title.*?>(.*?)

这个表达式的意思是:

  • .*? 表示非贪婪匹配任意字符
  • (.*?) 是一个捕获组,用来提取你真正想要的内容

例如,面对这段HTML:

如何使用正则表达式提取HTML中的特定内容?
这是要提取的网页标题

正则会提取出“这是要提取的网页标题”。

⚠️注意:如果页面中有多处</code>标签或者结构复杂,可能会出现误匹配,这时候需要结合上下文或其他方式辅助判断。</p><h2>提取指定属性的值</h2><p>有时候你需要从HTML标签中提取某个属性的值,比如所有图片的<code>src</code>:</p><pre class="brush:language-regex;toolbar:false;"><img.*?src="(.*?)".*?></pre><p>这样就能从下面这样的HTML中提取出图片地址:</p><pre class="brush:language-html;toolbar:false;"><img src="/images/logo.png" alt="Logo"></pre><p>结果就是 <code>/images/logo.png</code></p><p>?技巧:</p><ul><li>如果不确定引号类型,可以使用<code>src=(['\"])(.*?)\1</code>来兼容单引号和双引号</li><li>注意转义字符,比如在Python中要用原始字符串<code>r''</code>避免反斜杠被转义</li></ul><h2>匹配带特定类名的标签内容</h2><p>想提取某个class下的内容?比如<code><div class="content">...</div></code>中的整个块:</p><pre class="brush:language-regex;toolbar:false;"><div class="content".*?>([\s\S]*?)</div></pre><p>这里用了<code>[\s\S]*?</code>来匹配包括换行在内的所有字符。</p><p>⚠️风险提示:</p><ul><li>HTML嵌套结构容易让这种正则失效,比如内部还有多个<code></div></code></li><li>更稳妥的方式是使用HTML解析器,避免“标签没闭合”、“属性顺序变化”等问题</li></ul><h2>一些实用建议</h2><ul><li>测试正则时尽量用真实的数据样本,别只看理想情况</li><li>多用非贪婪模式(<code>.*?</code>),否则很容易匹配过多内容</li><li>遇到复杂HTML结构时,优先考虑专门的解析库,而不是硬着头皮写正则</li><li>正则只是工具之一,不适用于所有HTML解析场景</li></ul><p>基本上就这些。正则提取HTML内容不复杂,但细节容易出错,多测试、多观察匹配结果才是关键。</p><p>今天关于《如何用正则提取HTML特定内容》的内容就介绍到这里了,是不是学起来一目了然!想要了解更多关于的内容请关注golang学习网公众号!</p> </div> <div class="labsList"> </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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5小时前  |   <a href="/articletag/639_new_0_1.html" class="aLightGray" title="xml">xml</a> · <a href="/articletag/2337_new_0_1.html" class="aLightGray" title="python">python</a> · <a href="/articletag/3145_new_0_1.html" class="aLightGray" title="数据处理">数据处理</a> · <a href="/articletag/3611_new_0_1.html" class="aLightGray" title="内存管理">内存管理</a> · <a href="javascript:;" class="aLightGray" title="Python">Python</a> <a href="javascript:;" class="aLightGray" title="dom">dom</a> <a href="javascript:;" class="aLightGray" title="垃圾回收">垃圾回收</a> <a href="javascript:;" class="aLightGray" title="UNLINK">UNLINK</a> <a href="javascript:;" class="aLightGray" title="xml.dom.minidom">xml.dom.minidom</a> </div> <div class="tit lineOverflow"><a href="/article/635517.html" title="Python xml.dom.minidom.unlink 怎样释放不再使用的 DOM 树引用" class="aBlack">Python xml.dom.minidom.unlink 怎样释放不再使用的 DOM 树引用</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="635517" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  2天前  |   <a href="javascript:;" class="aLightGray" title="Python">Python</a> <a href="javascript:;" class="aLightGray" title="TypeIs">TypeIs</a> <a href="javascript:;" class="aLightGray" title="TypeGuard">TypeGuard</a> <a href="javascript:;" class="aLightGray" title="类型收窄">类型收窄</a> <a href="javascript:;" class="aLightGray" title="typing">typing</a> </div> <div class="tit lineOverflow"><a href="/article/634342.html" title="Python typing 怎样用 TypeIs 缩小类型" class="aBlack">Python typing 怎样用 TypeIs 缩小类型</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="634342" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  2个月前  |   <a href="/articletag/3981_new_0_1.html" class="aLightGray" title="SQLite">SQLite</a> · <a href="/articletag/4567_new_0_1.html" class="aLightGray" title="数据恢复">数据恢复</a> · <a href="/articletag/39719_new_0_1.html" class="aLightGray" title="Python教程">Python教程</a> · <a href="javascript:;" class="aLightGray" title="Python">Python</a> <a href="javascript:;" class="aLightGray" title="SQLite">SQLite</a> <a href="javascript:;" class="aLightGray" title="数据库备份">数据库备份</a> <a href="javascript:;" class="aLightGray" title="sqlite3">sqlite3</a> <a href="javascript:;" class="aLightGray" title="Connection.serialize">Connection.serialize</a> <a href="javascript:;" class="aLightGray" title="Connection.deserialize">Connection.deserialize</a> </div> <div class="tit lineOverflow"><a href="/article/622385.html" title="Python sqlite3 Connection serialize 怎么导出数据库快照:备份窗口、内存占用与恢复校验" class="aBlack">Python sqlite3 Connection serialize 怎么导出数据库快照:备份窗口、内存占用与恢复校验</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="622385" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5个月前  |   </div> <div class="tit lineOverflow"><a href="/article/616032.html" title="Python监控网页状态:requests异常处理实战" class="aBlack">Python监控网页状态:requests异常处理实战</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="616032" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5个月前  |   </div> <div class="tit lineOverflow"><a href="/article/612350.html" title="TensorFlow模型部署为API的TF Serving方法" class="aBlack">TensorFlow模型部署为API的TF Serving方法</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="612350" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5小时前  |   </div> <div class="tit lineOverflow"><a href="/article/635521.html" title="Python aifc 替代方案 迁移旧 AIFF 读取代码前要确认哪些格式条件" class="aBlack">Python aifc 替代方案 迁移旧 AIFF 读取代码前要确认哪些格式条件</a></div> <div class="opt"> <span><i class="view"></i>144</span> <span class="collectBtn user_collection" data-id="635521" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5小时前  |   <a href="/articletag/2337_new_0_1.html" class="aLightGray" title="python">python</a> · </div> <div class="tit lineOverflow"><a href="/article/635519.html" title="Python wave.Wave_read 怎样读取 PCM 声道数和采样宽度" class="aBlack">Python wave.Wave_read 怎样读取 PCM 声道数和采样宽度</a></div> <div class="opt"> <span><i class="view"></i>243</span> <span class="collectBtn user_collection" data-id="635519" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5小时前  |   <a href="/articletag/639_new_0_1.html" class="aLightGray" title="xml">xml</a> · <a href="/articletag/39719_new_0_1.html" class="aLightGray" title="Python教程">Python教程</a> · <a href="javascript:;" class="aLightGray" title="Python">Python</a> <a href="javascript:;" class="aLightGray" title="SAX">SAX</a> <a href="javascript:;" class="aLightGray" title="xml.sax.handler.ContentHandler">xml.sax.handler.ContentHandler</a> <a href="javascript:;" class="aLightGray" title="characters">characters</a> <a href="javascript:;" class="aLightGray" title="XML文本解析">XML文本解析</a> </div> <div class="tit lineOverflow"><a href="/article/635518.html" title="Python xml.sax.handler.ContentHandler 怎样收集跨回调的文本内容" class="aBlack">Python xml.sax.handler.ContentHandler 怎样收集跨回调的文本内容</a></div> <div class="opt"> <span><i class="view"></i>382</span> <span class="collectBtn user_collection" data-id="635518" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5小时前  |   <a href="/articletag/639_new_0_1.html" class="aLightGray" title="xml">xml</a> · <a href="/articletag/2337_new_0_1.html" class="aLightGray" title="python">python</a> · <a href="/articletag/3145_new_0_1.html" class="aLightGray" title="数据处理">数据处理</a> · <a href="/articletag/3611_new_0_1.html" class="aLightGray" title="内存管理">内存管理</a> · <a href="javascript:;" class="aLightGray" title="Python">Python</a> <a href="javascript:;" class="aLightGray" title="dom">dom</a> <a href="javascript:;" class="aLightGray" title="垃圾回收">垃圾回收</a> <a href="javascript:;" class="aLightGray" title="UNLINK">UNLINK</a> <a href="javascript:;" class="aLightGray" title="xml.dom.minidom">xml.dom.minidom</a> </div> <div class="tit lineOverflow"><a href="/article/635517.html" title="Python xml.dom.minidom.unlink 怎样释放不再使用的 DOM 树引用" class="aBlack">Python xml.dom.minidom.unlink 怎样释放不再使用的 DOM 树引用</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="635517" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5小时前  |   </div> <div class="tit lineOverflow"><a href="/article/635516.html" title="Python email.policy.clone 怎样设置邮件序列化换行规则" class="aBlack">Python email.policy.clone 怎样设置邮件序列化换行规则</a></div> <div class="opt"> <span><i class="view"></i>483</span> <span class="collectBtn user_collection" data-id="635516" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5小时前  |   <a href="/articletag/39719_new_0_1.html" class="aLightGray" title="Python教程">Python教程</a> · <a href="javascript:;" class="aLightGray" title="Python">Python</a> <a href="javascript:;" class="aLightGray" title="邮件解析">邮件解析</a> <a href="javascript:;" class="aLightGray" title="email.headerregistry.Address">email.headerregistry.Address</a> <a href="javascript:;" class="aLightGray" title="邮箱显示名">邮箱显示名</a> <a href="javascript:;" class="aLightGray" title="addr_spec">addr_spec</a> </div> <div class="tit lineOverflow"><a href="/article/635515.html" title="Python email.headerregistry.Address 怎样区分邮箱显示名与地址" class="aBlack">Python email.headerregistry.Address 怎样区分邮箱显示名与地址</a></div> <div class="opt"> <span><i class="view"></i>308</span> <span class="collectBtn user_collection" data-id="635515" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  5小时前  |   </div> <div class="tit lineOverflow"><a href="/article/635514.html" title="Python decimal.Context.flags 怎样记录计算中的舍入信号" class="aBlack">Python decimal.Context.flags 怎样记录计算中的舍入信号</a></div> <div class="opt"> <span><i class="view"></i>276</span> <span class="collectBtn user_collection" data-id="635514" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  6小时前  |   </div> <div class="tit lineOverflow"><a href="/article/635513.html" title="Python statistics.kde_random 怎样按核密度估计生成样本" class="aBlack">Python statistics.kde_random 怎样按核密度估计生成样本</a></div> <div class="opt"> <span><i class="view"></i>208</span> <span class="collectBtn user_collection" data-id="635513" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  6小时前  |   <a href="/articletag/172_new_0_1.html" class="aLightGray" title="标准库">标准库</a> · <a href="/articletag/2337_new_0_1.html" class="aLightGray" title="python">python</a> · <a href="javascript:;" class="aLightGray" title="Python">Python</a> <a href="javascript:;" class="aLightGray" title="overlap">overlap</a> <a href="javascript:;" class="aLightGray" title="statistics">statistics</a> <a href="javascript:;" class="aLightGray" title="NormalDist">NormalDist</a> </div> <div class="tit lineOverflow"><a href="/article/635512.html" title="Python statistics.NormalDist.overlap 怎样比较两个正态分布重叠程度" class="aBlack">Python statistics.NormalDist.overlap 怎样比较两个正态分布重叠程度</a></div> <div class="opt"> <span><i class="view"></i>182</span> <span class="collectBtn user_collection" data-id="635512" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  6小时前  |   </div> <div class="tit lineOverflow"><a href="/article/635511.html" title="Python fractions.Fraction.limit_denominator 怎样用小分母近似测量值" class="aBlack">Python fractions.Fraction.limit_denominator 怎样用小分母近似测量值</a></div> <div class="opt"> <span><i class="view"></i>401</span> <span class="collectBtn user_collection" data-id="635511" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  6小时前  |   </div> <div class="tit lineOverflow"><a href="/article/635510.html" title="Python graphlib.CycleError 怎样读取依赖环中的节点" class="aBlack">Python graphlib.CycleError 怎样读取依赖环中的节点</a></div> <div class="opt"> <span><i class="view"></i>324</span> <span class="collectBtn user_collection" data-id="635510" 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/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  6小时前  |   </div> <div class="tit lineOverflow"><a href="/article/635509.html" title="Python string.templatelib 怎样读取模板中的插值对象" class="aBlack">Python string.templatelib 怎样读取模板中的插值对象</a></div> <div class="opt"> <span><i class="view"></i>221</span> <span class="collectBtn user_collection" data-id="635509" 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>516次学习</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>500次学习</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>485次学习</span> </dd> </dl> </li> </ul> </div> </div> <!-- footer --> <div class="footer"> <ul> <li ><a href="/" class="aLightGray"><em class="navIcon navIconHome"></em><span>首页</span></a></li> <li class="curr"><a href="/articlelist.html" class="aLightGray"><em class="navIcon navIconRead"></em><span>阅读</span></a></li> <li ><a href="/courselist.html" class="aLightGray"><em class="navIcon navIconCourse"></em><span>课程</span></a></li> <li ><a href="/ai.html" class="aLightGray"><em class="navIcon navIconAi"></em><span>AI助手</span></a></li> <li ><a href="/user.html" class="aLightGray"><em class="navIcon navIconUser"></em><span>我的</span></a></li> </ul> </div> <script src="/assets/js/frontend/common.js" defer></script> <script src="/assets/js/juejin-theme.js?v=20260613b" defer></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?e34c3e8ab31ba35d7e1c48ea8d77315f"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>