一天一个Python库：lxml - 高效解析XML和HTML的利器
作者：互联网
2026-04-08
PHP教程
lxml - 高效解析XML和HTML的利器
一、什么是lxml？
lxml 是一个用于处理XML和HTML的Python库，它结合了C语言的libxml2和libxslt库的速度和功能，以及Python的易用性。 它可以帮助你：
- 快速解析和操作大型XML和HTML文档。
- 使用XPath和CSS选择器查询文档中的特定元素。
- 构建、修改和序列化XML/HTML树结构。
- 执行XSLT转换。
二、应用场景
lxml 广泛应用于以下实际场景：
- 网络爬虫: 从网页中提取数据，例如新闻标题、商品信息等。
- 数据处理: 解析配置文件、日志文件等XML格式的数据。
- Web开发: 生成动态HTML内容，或处理用户提交的XML数据。
- 自动化测试: 模拟浏览器行为，对Web应用进行测试。
三、如何安装
- 使用 pip 安装
pip install lxml
# 如果安装慢的话，推荐使用国内镜像源
pip install lxml -i
- 使用 PythonRun 在线运行代码（无需本地安装）
四、示例代码
解析简单的HTML字符串并提取标题。
from lxml import html
# 定义一个简单的HTML字符串
html_string = """
欢迎来到lxml世界
这是一个标题
这是一段段落。
"""
# 使用lxml解析HTML字符串
tree = html.fromstring(html_string)
# 使用XPath查询标题
# '//title/text()' 表示选择所有标签下的文本内容</span>
<span class="hljs-comment"># 如果找到多个标题，我们只取第一个</span>
title_elements = tree.xpath(<span class="hljs-string">'//title/text()'</span>)
<span class="hljs-comment"># 检查是否成功提取到标题</span>
<span class="hljs-keyword">if</span> title_elements:
page_title = title_elements[<span class="hljs-number">0</span>]
<span class="hljs-built_in">print</span>(<span class="hljs-string">f"提取到的标题是: <span class="hljs-subst">{page_title}</span>"</span>)
<span class="hljs-keyword">else</span>:
<span class="hljs-built_in">print</span>(<span class="hljs-string">"没有找到标题元素。"</span>)
<span class="hljs-comment"># 也可以尝试提取<h1>标签的文本</span>
h1_elements = tree.xpath(<span class="hljs-string">'//h1/text()'</span>)
<span class="hljs-keyword">if</span> h1_elements:
h1_text = h1_elements[<span class="hljs-number">0</span>]
<span class="hljs-built_in">print</span>(<span class="hljs-string">f"提取到的H1文本是: <span class="hljs-subst">{h1_text}</span>"</span>)
<span class="hljs-keyword">else</span>:
<span class="hljs-built_in">print</span>(<span class="hljs-string">"没有找到H1元素。"</span>)
</code></pre>
<p>使用 PythonRun 在线运行这段代码，结果如下：</p>
<pre><code class="hljs language-text" lang="text">提取到的标题是: 欢迎来到lxml世界
提取到的H1文本是: 这是一个标题
</code></pre>
<p>使用 Mermaid在线编辑器 绘制示例代码的流程图，结果如下：</p>
<p style="text-align:center;"><img src="https://images.jiaoben.net/uploads/20260322/img_69bfd38b6c69f30.awebp" /></p>
<h3>五、学习资源</h3>
<ol>
<li>开源项目：lxml</li>
<li>中文自述：REMDME</li>
<li>在线运行：PythonRun</li>
</ol>
</div>
<div class="lastanext flexRow">
<a class="lastart flexRow" href="/wz/330205.html" ><span>上一篇：</span><span>Wanman2漫画-网页版直连入口</span></a>
<a class="nextart flexRow" href="/wz/330207.html" ><span>下一篇：</span><span>java多线程安全集合</span></a>
</div>
</div>
<div class="dtl-xgtj">
<div class="jb-titles flexRow">
<div class="jbtle-left flexRow"><b></b><p>相关推荐</p></div>
</div>
<div class="tjlist flexRow">
<div class="tj-item ">
<div class="tjitemd">
<div class="tjimd-top flexRow">
<a class="imdta flexRow" href="/wz/360348.html" >
<img src="https://images.jiaoben.net/uploads/20260414/logo_69ddd61898f361.jpeg" >
</a>
<div class="imdt-right flexColumn">
<a class="imdtra flexRow overflowclass" href="/wz/360348.html" >一文讲透单点登录原理(SSO)：从同域共享到跨域票据</a>
<a class="imdtrap flexRow overflowclass" href="/wz/360348.html" >
一文讲透单点登录：从认证中心的核心思想出发，对比同域 Cookie 与跨域票据两种方案，梳理 CAS、OAuth2、OIDC 的区别，并剖析登出与会话一致性等落地难点。
</a>
</div>
</div>
<div class="tjimd-down flexRow">
<div class="imdd-tab flexRow">
<p class="imddt-time flexRow"><b></b><span>2026-04-14</span></p>
</div>
<a href="/wz/360348.html" class="imdd-more flexRow flexcenter" >立即查看</a>
</div>
</div>
</div>
<div class="tj-item ">
<div class="tjitemd">
<div class="tjimd-top flexRow">
<a class="imdta flexRow" href="/wz/360347.html" >
<img src="https://images.jiaoben.net/uploads/20260414/logo_69ddd6114ef2c1.jpeg" >
</a>
<div class="imdt-right flexColumn">
<a class="imdtra flexRow overflowclass" href="/wz/360347.html" >手写 Spring AI Agent：让大模型自主规划任务，ReAct 模式全流程拆解</a>
<a class="imdtrap flexRow overflowclass" href="/wz/360347.html" >
手写 Spring AI Agent：让大模型自主规划任务，ReAct 模式全流程拆解 先问一个问题 你在用 Spring AI 写代码的时候，有没有想过这些问题： 想让 AI 同时调用多个工具（比如
</a>
</div>
</div>
<div class="tjimd-down flexRow">
<div class="imdd-tab flexRow">
<p class="imddt-time flexRow"><b></b><span>2026-04-14</span></p>
</div>
<a href="/wz/360347.html" class="imdd-more flexRow flexcenter" >立即查看</a>
</div>
</div>
</div>
<div class="tj-item ">
<div class="tjitemd">
<div class="tjimd-top flexRow">
<a class="imdta flexRow" href="/wz/360131.html" >
<img src="https://images.jiaoben.net/uploads/20260414/logo_69ddc8ce7dd101.jpeg" >
</a>
<div class="imdt-right flexColumn">
<a class="imdtra flexRow overflowclass" href="/wz/360131.html" >【从0到1构建一个ClaudeAgent】规划与协调-技能</a>
<a class="imdtrap flexRow overflowclass" href="/wz/360131.html" >
这里解决了 Agent 开发中的一个核心痛点：**上下文窗口限制与知识广度的矛盾**。 ##
</a>
</div>
</div>
<div class="tjimd-down flexRow">
<div class="imdd-tab flexRow">
<p class="imddt-time flexRow"><b></b><span>2026-04-14</span></p>
</div>
<a href="/wz/360131.html" class="imdd-more flexRow flexcenter" >立即查看</a>
</div>
</div>
</div>
<div class="tj-item ">
<div class="tjitemd">
<div class="tjimd-top flexRow">
<a class="imdta flexRow" href="/wz/360130.html" >
<img src="https://images.jiaoben.net/uploads/20260414/logo_69ddc8c4163621.jpeg" >
</a>
<div class="imdt-right flexColumn">
<a class="imdtra flexRow overflowclass" href="/wz/360130.html" >CompletableFuture 异步编程全解：核心能力、编排方案、异常处理与超时控制</a>
<a class="imdtrap flexRow overflowclass" href="/wz/360130.html" >
本文深入解析Java异步编程核心工具CompletableFuture：涵盖底层原理（接口实现、线程模型、状态流转）、40+核心API用法。
</a>
</div>
</div>
<div class="tjimd-down flexRow">
<div class="imdd-tab flexRow">
<p class="imddt-time flexRow"><b></b><span>2026-04-14</span></p>
</div>
<a href="/wz/360130.html" class="imdd-more flexRow flexcenter" >立即查看</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cd-right dtlcd-right">
<div class="dtl-ht">
<div class="jb-titles flexRow">
<div class="jbtle-left flexRow"><b></b><p>专题</p></div>
</div>
<div class="dtlht-list ">
<div class="htl-item flexRow">
<div class="htmitem-left">
<div class="htiteml-top flexRow">
<a href="/wz/zt-68081.html" >#蛋仔派对</a>
<span></span>
</div>
<a class="htiteml-down flexRow" href="/wz/zt-68081.html" >提供蛋仔派对最新官方活动解析</a>
</div>
<p class="htmitem-right flexRow flexcenter gz" data-id="68081" >+ 收藏</p>
</div>
<div class="htl-item flexRow">
<div class="htmitem-left">
<div class="htiteml-top flexRow">
<a href="/wz/zt-50161.html" >#Grok</a>
<span></span>
</div>
<a class="htiteml-down flexRow" href="/wz/zt-50161.html" >Grok脚本资源网站，提供G</a>
</div>
<p class="htmitem-right flexRow flexcenter gz" data-id="50161" >+ 收藏</p>
</div>
<div class="htl-item flexRow">
<div class="htmitem-left">
<div class="htiteml-top flexRow">
<a href="/wz/zt-50160.html" >#Sora2</a>
<span></span>
</div>
<a class="htiteml-down flexRow" href="/wz/zt-50160.html" >Sora2脚本资源网站，提供S</a>
</div>
<p class="htmitem-right flexRow flexcenter gz" data-id="50160" >+ 收藏</p>
</div>
<div class="htl-item flexRow">
<div class="htmitem-left">
<div class="htiteml-top flexRow">
<a href="/wz/zt-50159.html" >#通义万相</a>
<span></span>
</div>
<a class="htiteml-down flexRow" href="/wz/zt-50159.html" >通义万相脚本资源网站，提供通</a>
</div>
<p class="htmitem-right flexRow flexcenter gz" data-id="50159" >+ 收藏</p>
</div>
<div class="htl-item flexRow">
<div class="htmitem-left">
<div class="htiteml-top flexRow">
<a href="/wz/zt-50158.html" >#海螺AI</a>
<span></span>
</div>
<a class="htiteml-down flexRow" href="/wz/zt-50158.html" >海螺AI脚本资源网站，提供海</a>
</div>
<p class="htmitem-right flexRow flexcenter gz" data-id="50158" >+ 收藏</p>
</div>
<div class="htl-item flexRow">
<div class="htmitem-left">
<div class="htiteml-top flexRow">
<a href="/wz/zt-50157.html" >#可灵AI</a>
<span></span>
</div>
<a class="htiteml-down flexRow" href="/wz/zt-50157.html" >可灵AI脚本资源网站，提供可</a>
</div>
<p class="htmitem-right flexRow flexcenter gz" data-id="50157" >+ 收藏</p>
</div>
</div>
</div>
<div class=" dtl-zt">
<div class="jb-titles flexRow">
<div class="jbtle-left flexRow"><b></b><p>最新数据</p></div>
</div>
<div class="wkch-downs">
<div class="weekch-top flexRow">
<a class="wktpa flexRow" href="/wz/330212.html" >
<img src="https://images.jiaoben.net/uploads/20260322/logo_69bfd3c2f32a81.jpg" >
</a>
<div class="wktpa-right flexColumn">
<a class="wktpara flexRow overflowclass" href="/wz/330212.html" >短剧采用AI换脸技术使角色酷似明星 制作方与播出方构成侵权</a>
<a class="wktparp flexRow overflowclass" href="/wz/330212.html" >
北京互联网法院公布AI换脸侵
</a>
</div>
</div>
<div class="weekch-list">
<div class="weekch-con flexRow">
<div class="weekch-icon flexRow"><b></b></div>
<a href="/wz/330211.html" class="weekcha flexRow flexcenter overflowclass" >Cloudflare首席执行官MatthewPrince预测2027年互联网AI机器人流量将超越人类</a>
</div>
<div class="weekch-con flexRow">
<div class="weekch-icon flexRow"><b></b></div>
<a href="/wz/330210.html" class="weekcha flexRow flexcenter overflowclass" >J7A-已有数据表如何安全添加新字段 ️</a>
</div>
<div class="weekch-con flexRow">
<div class="weekch-icon flexRow"><b></b></div>
<a href="/wz/330209.html" class="weekcha flexRow flexcenter overflowclass" >从智能指针窥见现代C++的生存法则：告别内存泄漏，这篇就够了</a>
</div>
<div class="weekch-con flexRow">
<div class="weekch-icon flexRow"><b></b></div>
<a href="/wz/330208.html" class="weekcha flexRow flexcenter overflowclass" >线程创建和Thread类</a>
</div>
<div class="weekch-con flexRow">
<div class="weekch-icon flexRow"><b></b></div>
<a href="/wz/330204.html" class="weekcha flexRow flexcenter overflowclass" >TiDB 单机部署与监控完整指南</a>
</div>
<div class="weekch-con flexRow">
<div class="weekch-icon flexRow"><b></b></div>
<a href="/wz/330203.html" class="weekcha flexRow flexcenter overflowclass" >高并发强一致性顺序号生成系统 -- SequenceGenerator</a>
</div>
<div class="weekch-con flexRow">
<div class="weekch-icon flexRow"><b></b></div>
<a href="/wz/330202.html" class="weekcha flexRow flexcenter overflowclass" >twitter网页版-twitter官网入口</a>
</div>
<div class="weekch-con flexRow">
<div class="weekch-icon flexRow"><b></b></div>
<a href="/wz/330201.html" class="weekcha flexRow flexcenter overflowclass" >Humanize AI：自动化 AI 内容检测与改写 - Openclaw Skills</a>
</div>
<div class="weekch-con flexRow">
<div class="weekch-icon flexRow"><b></b></div>
<a href="/wz/330200.html" class="weekcha flexRow flexcenter overflowclass" >文献搜索：学术论文发现与引用 - Openclaw Skills</a>
</div>
</div>
</div>
</div>
<div class=" dtl-wz">
<div class="jb-titles flexRow">
<div class="jbtle-left flexRow"><b></b><p>相关文章</p></div>
</div>
<div class="blog-list">
<a href="/wz/358805.html" class="bloga flexRow over"><p class="overflowclass">Laravel13 + Vue3 的免费可商用 PHP 管理后台 CatchAdmin V5.2.0 发布</p><div class="blogtime"><span>04/</span>13</div></a>
<a href="/wz/289755.html" class="bloga flexRow over"><p class="overflowclass">Python的管道符（|）联合类型语法糖</p><div class="blogtime"><span>04/</span>12</div></a>
<a href="/wz/289756.html" class="bloga flexRow over"><p class="overflowclass">python win32COM 对象介绍调用Word、WPS 与应用生态</p><div class="blogtime"><span>04/</span>12</div></a>
<a href="/wz/289757.html" class="bloga flexRow over"><p class="overflowclass">【Shopee Games 年终盛典技术揭秘】用 CLIP + 大模型 为 2 亿用户生成专属动漫形象</p><div class="blogtime"><span>04/</span>12</div></a>
<a href="/wz/290144.html" class="bloga flexRow over"><p class="overflowclass">Python空值判断避坑指南 + 图片定点缩放逻辑优化实战</p><div class="blogtime"><span>04/</span>12</div></a>
<a href="/wz/290158.html" class="bloga flexRow over"><p class="overflowclass">VectorStoreRetriever 三种搜索类型</p><div class="blogtime"><span>04/</span>12</div></a>
<a href="/wz/290159.html" class="bloga flexRow over"><p class="overflowclass">Scikit-learn 零基础，从安装到实战机器学习模型</p><div class="blogtime"><span>04/</span>12</div></a>
<a href="/wz/290454.html" class="bloga flexRow over"><p class="overflowclass">一文助你了解Langchain</p><div class="blogtime"><span>04/</span>12</div></a>
<a href="/wz/290455.html" class="bloga flexRow over"><p class="overflowclass">Fastapi中的 lifespan</p><div class="blogtime"><span>04/</span>12</div></a>
<a href="/wz/290456.html" class="bloga flexRow over"><p class="overflowclass">LangChain1.0 实现 PDF 文档向量检索全流程</p><div class="blogtime"><span>04/</span>12</div></a>
</div>
</div>
<div class="cdr-ai">
<div class="jb-titles flexRow">
<div class="jbtle-left flexRow"><b></b><p>AI精选 </p></div>
<a class="jbtitle-more flexRow" href="/category/list_344_1.html" title=""><span>更多</span><b></b></a>
</div>
<div class="ai-list">
<div class="ail-top flexRow">
<a href="/wz/360713.html" title="" class="ailta ">
<img src="https://images.jiaoben.net/uploads/20260414/logo_69ddfd66cd4131.jpg" >
<p ><span>Sadie Sink 网球俱乐</span></p></a>
<a href="/wz/360609.html" title="" class="ailta ">
<img src="https://images.jiaoben.net/uploads/20260414/logo_69ddef2f1542d1.jpg" >
<p ><span>电影般的日落生活方式照片提示</span></p></a>
</div>
<div class="ail-down">
<a class="ali-con flexRow" href="/wz/360608.html" title="">
<div class="alicon-left flexRow"><span>精选</span></div>
<p class="aliconp overflowclass">白色影棚中手持钞票的鱼眼人像</p>
</a>
<a class="ali-con flexRow" href="/wz/360607.html" title="">
<div class="alicon-left flexRow"><span>精选</span></div>
<p class="aliconp overflowclass">高端时尚香水广告，侧光照明</p>
</a>
<a class="ali-con flexRow" href="/wz/360586.html" title="">
<div class="alicon-left flexRow"><span>精选</span></div>
<p class="aliconp overflowclass">酷飒芭蕾风肖像，神似 Natalie Portman</p>
</a>
<a class="ali-con flexRow" href="/wz/360585.html" title="">
<div class="alicon-left flexRow"><span>精选</span></div>
<p class="aliconp overflowclass">NYC 街头时尚专题拍摄提示：强烈阳光</p>
</a>
<a class="ali-con flexRow" href="/wz/360584.html" title="">
<div class="alicon-left flexRow"><span>精选</span></div>
<p class="aliconp overflowclass">绝命毒师 收藏手办 提示词 附参考图片</p>
</a>
<a class="ali-con flexRow" href="/wz/360583.html" title="">
<div class="alicon-left flexRow"><span>精选</span></div>
<p class="aliconp overflowclass">西方歌曲图像生成：《 Another Brick In The Wall 》</p>
</a>
<a class="ali-con flexRow" href="/wz/360582.html" title="">
<div class="alicon-left flexRow"><span>精选</span></div>
<p class="aliconp overflowclass">黄金时刻镜面自拍写实感</p>
</a>
<a class="ali-con flexRow" href="/wz/360581.html" title="">
<div class="alicon-left flexRow"><span>精选</span></div>
<p class="aliconp overflowclass">Emma Watson 休闲生活照</p>
</a>
</div>
</div>
</div>
<div class="cdr-blog">
<div class="jb-titles flexRow">
<div class="jbtle-left flexRow"><b></b><p>脚本推荐</p></div>
</div>
<div class="blog-list">
<a href="/wz/zt-49225.html" title="" class="bloga flexRow over"><p class="overflowclass">SeeDance 2.0 Video Creator专区</p></a>
<a href="/wz/zt-49224.html" title="" class="bloga flexRow over"><p class="overflowclass">OpenClaw AI专区</p></a>
<a href="/wz/zt-49223.html" title="" class="bloga flexRow over"><p class="overflowclass">cowork专区</p></a>
<a href="/wz/zt-49222.html" title="" class="bloga flexRow over"><p class="overflowclass">claude code skills专区</p></a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script>
$(function() {
// “+ 收藏”按钮点击事件
$(document).on('click', '.htmitem-right, .ztop-right', function(e) {
// 仅针对包含 “+ 收藏” 文字的按钮
if ($(this).text().indexOf('+ 收藏') === -1) return;
e.preventDefault();
const id = $(this).data('id');
if (!id) {
layer.msg('该项暂无有效ID，无法收藏');
return;
}
// 构造收藏 URL: 当前域名 + /wz/zt- + id + /
const bookmarkUrl = window.location.origin + '/wz/zt-' + id + '.html';
// 获取收藏标题 (优先从同级元素获取话题名称，否则使用页面标题)
let bookmarkTitle = $(this).closest('.htl-item, .zttopd').find('a:first, span.overflowclass').text().trim() || document.title;
if (bookmarkTitle.startsWith('#')) bookmarkTitle = bookmarkTitle.substring(1);
// 浏览器收藏逻辑 (带 Fallback)
try {
if (window.sidebar && window.sidebar.addPanel) {
// Firefox < 23
window.sidebar.addPanel(bookmarkTitle, bookmarkUrl, "");
} else if (window.external && ('AddFavorite' in window.external)) {
// IE
window.external.AddFavorite(bookmarkUrl, bookmarkTitle);
} else {
// Chrome, Safari, Firefox 23+, etc.
const isMac = /Mac/i.test(navigator.userAgent);
const keyStr = isMac ? 'Command + D' : 'Ctrl + D';
layer.confirm('由于浏览器安全限制，请使用 <b>' + keyStr + '</b> 手动添加收藏。<br><br>收藏地址：<br><small>' + bookmarkUrl + '</small>', {
title: '收藏提示',
btn: ['复制链接', '知道了'],
yes: function(index) {
copyToClipboard(bookmarkUrl).then(() => {
layer.msg('链接已复制，请手动添加到收藏夹');
}).catch(() => {
layer.msg('复制失败，请手动选择复制');
});
layer.close(index);
}
});
}
} catch (err) {
layer.msg('收藏失败，请手动添加');
}
});
// 兼容非 HTTPS 的复制函数
function copyToClipboard(text) {
if (navigator.clipboard && window.isSecureContext) {
return navigator.clipboard.writeText(text);
} else {
let textArea = document.createElement("textarea");
textArea.value = text;
textArea.style.position = "fixed";
textArea.style.left = "-999999px";
textArea.style.top = "-999999px";
document.body.appendChild(textArea);
textArea.focus();
textArea.select();
return new Promise((res, rej) => {
document.execCommand('copy') ? res() : rej();
textArea.remove();
});
}
}
});
</script>
<footer>
<div class="foot ">
<div class="foot-top flexRow">
<div class="foot-left">
<div class="ftl-top flexRow"><span class="flexRow flexcenter">脚本</span>在线</div>
<p class="ftl-down">
智能赋能梦想，脚本构筑现实。我们致力于链接AI智能指令
与传统自动化，为您提供一站式、高效率的脚 本资产与生成
服务。
</p>
</div>
<div class="foot-right flexRow">
<div class="ftr-list flexColumn">
<p>核心板块</p>
<span>AI脚本库</span>
<span>自动化仓库</span>
<span>脚本实验室</span>
</div>
<div class="ftr-list flexColumn">
<p>关于我们</p>
<a href="/category/list_229_1.html" >最新游戏</a>
<span>商务合作</span>
<span>隐私政策</span>
</div>
<div class="ftr-list flexColumn">
<p>社区支持</p>
<span >API文档</span>
<a href="/category/list_334_1.html" >攻略资讯</a>
<span>违规举报</span>
</div>
</div>
</div>
<div class="foot-down flexColumn">
<p>© 2026 jiaoben.net | 脚本在线 | 联系：jiaobennet2026@163.com</p>
<p>备案：<a style="color: #7F7F7F;" href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备18025217号-11</a> </p>
</div>
</div>
</footer>
<div style="display:none;">
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tongji.zhangwan.net/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '29']);
// Add this code below within the Matomo JavaScript tracker code
// Important: the tracker url includes the /matomo.php
var secondaryTrackerUrl = u+'matomo.php';
var secondaryWebsiteId = 27;
// Also send all of the tracking data to this other Matomo server, in website ID 77
_paq.push(['addTracker', secondaryTrackerUrl, secondaryWebsiteId]);
// That's it!
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?5d3cfe1f36b1988029fe82a0d475b20d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div> </body>
</html>