首页 >  科技周边 >  人工智能

豆包AI解析XML数据方法详解

时间:2025-07-10 18:58:27 108浏览 收藏

还在为解析复杂的XML数据而烦恼吗?本文将带你领略如何利用Python强大的XML解析库,结合豆包AI的智能辅助,轻松驾驭XML数据处理。Python凭借其易用性和丰富的模块,如ElementTree、minidom和lxml,成为解析XML的首选语言。本文将重点介绍ElementTree的简洁高效用法,包括加载XML文件、解析字符串以及提取指定标签数据。针对带命名空间的XML文件,豆包AI更能智能识别并生成正确的代码,助你避免常见错误。无论你是初学者还是有一定经验的开发者,都能通过本文掌握Python解析XML的核心技巧,并借助豆包AI提升开发效率,让XML数据处理变得简单高效。

Python解析XML因模块多样、易用性强被广泛使用,豆包AI可在代码生成和调试中提供有效帮助。1. 选择Python解析XML因其标准库如ElementTree、minidom和lxml各具优势,适合不同场景;2. ElementTree解析流程简洁,可通过parse加载文件或fromstring解析字符串,快速获取节点信息;3. 提取指定标签数据可用findall结合XPath表达式,灵活高效;4. 处理带命名空间的XML需在查找时引入命名空间映射,豆包AI可根据示例自动识别并生成正确代码。

用豆包AI解析Python中的XML文件数据

XML 文件在很多数据交换场景中依然被广泛使用,特别是在一些老旧系统或特定行业的接口中。Python 提供了多种解析 XML 的方式,而豆包 AI(Doubao)作为一款实用的 AI 工具,可以在你处理 XML 解析时提供辅助建议、代码示例和调试帮助。

用豆包AI解析Python中的XML文件数据

1. 为什么选择 Python 解析 XML?

Python 标准库中提供了多个用于处理 XML 的模块,比如 xml.etree.ElementTreexml.dom.minidomlxml 等。这些模块各有特点:

用豆包AI解析Python中的XML文件数据
  • ElementTree:轻量级,适合大多数常见任务
  • minidom:基于 DOM,结构清晰但性能略差
  • lxml:功能强大,支持 XPath 和命名空间

如果你是初学者或者项目不涉及复杂 XML 结构,推荐使用 ElementTree。如果需要更高级的功能,可以考虑 lxml

2. 使用 ElementTree 解析 XML 的基本流程

这是最常用的方式之一,语法简洁,学习成本低。

用豆包AI解析Python中的XML文件数据
import xml.etree.ElementTree as ET

tree = ET.parse('example.xml')  # 加载文件
root = tree.getroot()           # 获取根节点

for child in root:
    print(child.tag, child.attrib)  # 打印每个子节点标签和属性

如果你有一个字符串而不是文件,可以用 ET.fromstring() 方法直接解析字符串内容。

豆包 AI 可以帮你快速写出这类基础代码,还能根据你的 XML 内容自动分析结构并生成提取字段的代码片段。

3. 如何提取指定标签的数据?

假设你想从 XML 中提取所有 节点下的 </code> 内容,可以这样写:</p><pre class="brush:language-python;toolbar:false;">for book in root.findall('book'): title = book.find('title').text print(title)</pre><p>也可以使用 XPath 表达式来简化查找,例如:</p><pre class="brush:language-python;toolbar:false;">for title in root.findall('.//title'): print(title.text)</pre><p>如果你不确定 XML 的结构,或者嵌套层级比较复杂,可以把 XML 内容发给豆包 AI,它能帮你找出合适的路径表达式,并生成提取逻辑。</p><blockquote><p>小技巧:XPath 是一个强大的查询语言,掌握几个基本表达式就能应对大部分需求:</p><ul><li><code>.</code> 表示当前节点</li><li><code>//</code> 表示递归查找</li><li><code>[@attr='value']</code> 用于按属性筛选</li></ul></blockquote><h3>4. 处理带命名空间的 XML 文件</h3><p>这是一个容易出错的地方。如果你的 XML 包含命名空间(namespace),直接用上面的方法可能找不到任何数据。</p><p>解决办法是在查找时带上命名空间前缀,例如:</p><pre class="brush:language-python;toolbar:false;">ns = {'bk': 'http://example.com/ns/book'} for title in root.findall('.//bk:title', ns): print(title.text)</pre><p>豆包 AI 在这方面也能帮上忙,只要你给出带有命名空间的 XML 示例,它会提醒你注意命名空间问题,并给出完整代码。</p><hr><p>基本上就这些。XML 文件虽然不如 JSON 流行,但在某些领域仍然很常见。Python 本身已经提供了不错的支持,再结合豆包 AI 的辅助,处理起来其实并不难。</p><p>理论要掌握,实操不能落!以上关于《豆包AI解析XML数据方法详解》的详细介绍,大家都掌握了吧!如果想要继续提升自己的能力,那么就来关注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/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  2个月前  |   </div> <div class="tit lineOverflow"><a href="/article/617687.html" title="AI写作工具免费版安装教程(含豆包Clawdbot)" class="aBlack">AI写作工具免费版安装教程(含豆包Clawdbot)</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="617687" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  2个月前  |   </div> <div class="tit lineOverflow"><a href="/article/613481.html" title="WPS AI能自动生成PPT吗?输入主题一键制作演示文稿" class="aBlack">WPS AI能自动生成PPT吗?输入主题一键制作演示文稿</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="613481" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  2个月前  |   <a href="javascript:;" class="aLightGray" title="CanvaAI">CanvaAI</a> <a href="javascript:;" class="aLightGray" title="Canva">Canva</a> <a href="javascript:;" class="aLightGray" title="Canva可画">Canva可画</a> </div> <div class="tit lineOverflow"><a href="/article/611448.html" title="Canva手机闪退解决方法及适配指南" class="aBlack">Canva手机闪退解决方法及适配指南</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="611448" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  3个月前  |   </div> <div class="tit lineOverflow"><a href="/article/589407.html" title="Hermes Agent依赖的工具链有哪些 必备工具链介绍" class="aBlack">Hermes Agent依赖的工具链有哪些 必备工具链介绍</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="589407" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  3个月前  |   <a href="javascript:;" class="aLightGray" title="通义千问">通义千问</a> <a href="javascript:;" class="aLightGray" title="千问">千问</a> <a href="javascript:;" class="aLightGray" title="千问APP">千问APP</a> </div> <div class="tit lineOverflow"><a href="/article/589102.html" title="千问AI官网地址链接入口_千问AI官方网站登陆入口" class="aBlack">千问AI官网地址链接入口_千问AI官方网站登陆入口</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="589102" 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/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  2小时前  |   <a href="/articletag/10034_new_0_1.html" class="aLightGray" title="anthropic">anthropic</a> · <a href="/articletag/10705_new_0_1.html" class="aLightGray" title="claude">claude</a> · <a href="/articletag/40582_new_0_1.html" class="aLightGray" title="AI应用开发">AI应用开发</a> · <a href="javascript:;" class="aLightGray" title="cache_control">cache_control</a> <a href="javascript:;" class="aLightGray" title="Claude Prompt Caching">Claude Prompt Caching</a> <a href="javascript:;" class="aLightGray" title="缓存命中">缓存命中</a> </div> <div class="tit lineOverflow"><a href="/article/621036.html" title="Claude Prompt Caching 怎么验收:静态前缀、动态尾部与缓存命中率" class="aBlack">Claude Prompt Caching 怎么验收:静态前缀、动态尾部与缓存命中率</a></div> <div class="opt"> <span><i class="view"></i>363</span> <span class="collectBtn user_collection" data-id="621036" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  2小时前  |   </div> <div class="tit lineOverflow"><a href="/article/621035.html" title="MCP notifications/progress 怎么接:progressToken、递增进度与超时收口" class="aBlack">MCP notifications/progress 怎么接:progressToken、递增进度与超时收口</a></div> <div class="opt"> <span><i class="view"></i>241</span> <span class="collectBtn user_collection" data-id="621035" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  3小时前  |   </div> <div class="tit lineOverflow"><a href="/article/621021.html" title="MCP elicitation/create 怎么设计:工具调用中的表单输入与敏感信息边界" class="aBlack">MCP elicitation/create 怎么设计:工具调用中的表单输入与敏感信息边界</a></div> <div class="opt"> <span><i class="view"></i>340</span> <span class="collectBtn user_collection" data-id="621021" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  4小时前  |   </div> <div class="tit lineOverflow"><a href="/article/621013.html" title="Gemini URL Context 取证链怎么做:Go 关联 retrieved_url、引用与 token 用量" class="aBlack">Gemini URL Context 取证链怎么做:Go 关联 retrieved_url、引用与 token 用量</a></div> <div class="opt"> <span><i class="view"></i>320</span> <span class="collectBtn user_collection" data-id="621013" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  4小时前  |   </div> <div class="tit lineOverflow"><a href="/article/621012.html" title="Gemini API URL Context 怎么验收:Go 识别抓取状态、引用标注与失败回退" class="aBlack">Gemini API URL Context 怎么验收:Go 识别抓取状态、引用标注与失败回退</a></div> <div class="opt"> <span><i class="view"></i>426</span> <span class="collectBtn user_collection" data-id="621012" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  6小时前  |   </div> <div class="tit lineOverflow"><a href="/article/621000.html" title="MCP 2026-07-28 怎么迁移:无会话请求、MRTR 与工具调用验收" class="aBlack">MCP 2026-07-28 怎么迁移:无会话请求、MRTR 与工具调用验收</a></div> <div class="opt"> <span><i class="view"></i>407</span> <span class="collectBtn user_collection" data-id="621000" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  8小时前  |   <a href="/articletag/1364_new_0_1.html" class="aLightGray" title="安全">安全</a> · <a href="/articletag/11092_new_0_1.html" class="aLightGray" title="mcp">mcp</a> · <a href="/articletag/17635_new_0_1.html" class="aLightGray" title="ai agent">ai agent</a> · <a href="javascript:;" class="aLightGray" title="MCP">MCP</a> <a href="javascript:;" class="aLightGray" title="ToolAnnotations">ToolAnnotations</a> <a href="javascript:;" class="aLightGray" title="readOnlyHint">readOnlyHint</a> <a href="javascript:;" class="aLightGray" title="destructiveHint">destructiveHint</a> <a href="javascript:;" class="aLightGray" title="idempotentHint">idempotentHint</a> </div> <div class="tit lineOverflow"><a href="/article/620980.html" title="MCP ToolAnnotations 上线前怎么核对:四个 Hint 的实测与拦截" class="aBlack">MCP ToolAnnotations 上线前怎么核对:四个 Hint 的实测与拦截</a></div> <div class="opt"> <span><i class="view"></i>195</span> <span class="collectBtn user_collection" data-id="620980" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  8小时前  |   <a href="/articletag/1364_new_0_1.html" class="aLightGray" title="安全">安全</a> · <a href="/articletag/11092_new_0_1.html" class="aLightGray" title="mcp">mcp</a> · <a href="/articletag/17635_new_0_1.html" class="aLightGray" title="ai agent">ai agent</a> · <a href="javascript:;" class="aLightGray" title="MCP">MCP</a> <a href="javascript:;" class="aLightGray" title="ToolAnnotations">ToolAnnotations</a> <a href="javascript:;" class="aLightGray" title="readOnlyHint">readOnlyHint</a> </div> <div class="tit lineOverflow"><a href="/article/620979.html" title="MCP 工具注解怎么做安全验收:readOnlyHint、destructiveHint 与幂等边界" class="aBlack">MCP 工具注解怎么做安全验收:readOnlyHint、destructiveHint 与幂等边界</a></div> <div class="opt"> <span><i class="view"></i>452</span> <span class="collectBtn user_collection" data-id="620979" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  8小时前  |   </div> <div class="tit lineOverflow"><a href="/article/620978.html" title="OpenAI Responses API Webhook 怎么验签:原始请求体、时间窗口与 response.completed 处理" class="aBlack">OpenAI Responses API Webhook 怎么验签:原始请求体、时间窗口与 response.completed 处理</a></div> <div class="opt"> <span><i class="view"></i>312</span> <span class="collectBtn user_collection" data-id="620978" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  8小时前  |   </div> <div class="tit lineOverflow"><a href="/article/620977.html" title="Gemini Files API 怎么管理上传文件:ACTIVE 状态、48 小时过期与主动删除" class="aBlack">Gemini Files API 怎么管理上传文件:ACTIVE 状态、48 小时过期与主动删除</a></div> <div class="opt"> <span><i class="view"></i>433</span> <span class="collectBtn user_collection" data-id="620977" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  11小时前  |   <a href="/articletag/594_new_0_1.html" class="aLightGray" title="go">go</a> · <a href="/articletag/4813_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a> · <a href="/articletag/40585_new_0_1.html" class="aLightGray" title="Gemini API">Gemini API</a> · <a href="/articletag/40586_new_0_1.html" class="aLightGray" title="函数调用">函数调用</a> · <a href="/articletag/40587_new_0_1.html" class="aLightGray" title="多轮对话">多轮对话</a> · <a href="javascript:;" class="aLightGray" title="Go">Go</a> <a href="javascript:;" class="aLightGray" title="函数调用">函数调用</a> <a href="javascript:;" class="aLightGray" title="工具链">工具链</a> <a href="javascript:;" class="aLightGray" title="Gemini 3">Gemini 3</a> <a href="javascript:;" class="aLightGray" title="thoughtSignature">thoughtSignature</a> <a href="javascript:;" class="aLightGray" title="Interactions API">Interactions API</a> </div> <div class="tit lineOverflow"><a href="/article/620962.html" title="Gemini 3 函数调用为什么要回传 thoughtSignature:Go 多轮工具链的顺序核对" class="aBlack">Gemini 3 函数调用为什么要回传 thoughtSignature:Go 多轮工具链的顺序核对</a></div> <div class="opt"> <span><i class="view"></i>202</span> <span class="collectBtn user_collection" data-id="620962" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  12小时前  |   <a href="/articletag/8883_new_0_1.html" class="aLightGray" title="openai">openai</a> · <a href="/articletag/40470_new_0_1.html" class="aLightGray" title="Responses API">Responses API</a> · <a href="/articletag/40582_new_0_1.html" class="aLightGray" title="AI应用开发">AI应用开发</a> · <a href="javascript:;" class="aLightGray" title="OpenAI Responses API">OpenAI Responses API</a> <a href="javascript:;" class="aLightGray" title="上下文压缩">上下文压缩</a> <a href="javascript:;" class="aLightGray" title="compaction">compaction</a> <a href="javascript:;" class="aLightGray" title="conversation state">conversation state</a> </div> <div class="tit lineOverflow"><a href="/article/620954.html" title="OpenAI Responses API 上下文太长怎么压缩:/responses/compact 与状态续接边界" class="aBlack">OpenAI Responses API 上下文太长怎么压缩:/responses/compact 与状态续接边界</a></div> <div class="opt"> <span><i class="view"></i>428</span> <span class="collectBtn user_collection" data-id="620954" 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>