有同学说，我正则用的不好，处理HTML文档很累，有没有其他的方法？

有！那就是XPath，我们可以先将 HTML文件 转换成 XML文档，然后用 XPath语法 查找 HTML 节点或元素。

什么是XML

  • XML 指可扩展标记语言（EXtensible Markup Language）
  • XML 是一种标记语言，很类似 HTML
  • XML 的设计宗旨是传输数据，而非显示数据
  • XML 的标签需要我们自行定义。
  • XML 被设计为具有自我描述性。
  • XML 是 W3C 的推荐标准

W3School官方文档：http://www.w3school.com.cn/xml/index.asp

XML 和 HTML 的区别

数据格式 描述 设计目标
XML Extensible Markup Language （可扩展标记语言） 被设计为传输和存储数据，其焦点是数据的内容。
HTML HyperText Markup Language （超文本标记语言） 显示数据以及如何更好显示数据。
HTML DOM Document Object Model for HTML (文档对象模型) 通过 HTML DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。

XML文档示例

  1. <?xml version="1.0" encoding="utf-8"?>
  3. <bookstore> 
  5.   <book category="cooking"> 
  6.     <title lang="en">Everyday Italian</title>  
  7.     <author>Giada De Laurentiis</author>  
  8.     <year>2005</year>  
  9.     <price>30.00</price> 
  10.   </book>  
  12.   <book category="children"> 
  13.     <title lang="en">Harry Potter</title>  
  14.     <author>J K. Rowling</author>  
  15.     <year>2005</year>  
  16.     <price>29.99</price> 
  17.   </book>  
  19.   <book category="web"> 
  20.     <title lang="en">XQuery Kick Start</title>  
  21.     <author>James McGovern</author>  
  22.     <author>Per Bothner</author>  
  23.     <author>Kurt Cagle</author>  
  24.     <author>James Linn</author>  
  25.     <author>Vaidyanathan Nagarajan</author>  
  26.     <year>2003</year>  
  27.     <price>49.99</price> 
  28.   </book> 
  30.   <book category="web" cover="paperback"> 
  31.     <title lang="en">Learning XML</title>  
  32.     <author>Erik T. Ray</author>  
  33.     <year>2003</year>  
  34.     <price>39.95</price> 
  35.   </book> 
  37. </bookstore>

HTML DOM 模型示例
02-htmltree.gif
HTML DOM 定义了访问和操作 HTML 文档的标准方法，以树结构方式表达 HTML 文档。

XML的节点关系

1. 父（Parent）

每个元素以及属性都有一个父。

下面是一个简单的XML例子中，book 元素是 title、author、year 以及 price 元素的父：

  1. <?xml version="1.0" encoding="utf-8"?>
  3. <book>
  4.   <title>Harry Potter</title>
  5.   <author>J K. Rowling</author>
  6.   <year>2005</year>
  7.   <price>29.99</price>
  8. </book>

2. 子（Children）

元素节点可有零个、一个或多个子。

在下面的例子中，title、author、year 以及 price 元素都是 book 元素的子：

  1. <?xml version="1.0" encoding="utf-8"?>
  3. <book>
  4.   <title>Harry Potter</title>
  5.   <author>J K. Rowling</author>
  6.   <year>2005</year>
  7.   <price>29.99</price>
  8. </book>

3. 同胞（Sibling）

拥有相同的父的节点

在下面的例子中，title、author、year 以及 price 元素都是同胞：

  1. <?xml version="1.0" encoding="utf-8"?>
  3. <book>
  4.   <title>Harry Potter</title>
  5.   <author>J K. Rowling</author>
  6.   <year>2005</year>
  7.   <price>29.99</price>
  8. </book>

4. 先辈（Ancestor）

某节点的父、父的父，等等。

在下面的例子中，title 元素的先辈是 book 元素和 bookstore 元素：

  2. <?xml version="1.0" encoding="utf-8"?>
  4. <bookstore>
  6. <book>
  7.   <title>Harry Potter</title>
  8.   <author>J K. Rowling</author>
  9.   <year>2005</year>
  10.   <price>29.99</price>
  11. </book>
  13. </bookstore>

5. 后代（Descendant）

某个节点的子，子的子，等等。

在下面的例子中，bookstore 的后代是 book、title、author、year 以及 price 元素：

  1. <?xml version="1.0" encoding="utf-8"?>
  3. <bookstore>
  5. <book>
  6.   <title>Harry Potter</title>
  7.   <author>J K. Rowling</author>
  8.   <year>2005</year>
  9.   <price>29.99</price>
  10. </book>
  12. </bookstore>

什么是XPath？

XPath (XML Path Language) 是一门在 XML 文档中查找信息的语言，可用来在 XML 文档中对元素和属性进行遍历。
W3School官方文档：http://www.w3school.com.cn/xpath/index.asp

XPath 开发工具

  1. 开源的XPath表达式编辑工具:XMLQuire(XML格式文件可用)
  2. Chrome插件 XPath Helper
  3. Firefox插件 XPath Checker

选取节点

XPath 使用路径表达式来选取 XML 文档中的节点或者节点集。这些路径表达式和我们在常规的电脑文件系统中看到的表达式非常相似。

下面列出了最常用的路径表达式：

表达式 描述
nodename 选取此节点的所有子节点。
/ 从根节点选取。
// 从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置。
. 选取当前节点。
.. 选取当前节点的父节点。
@ 选取属性。

在下面的表格中，我们已列出了一些路径表达式以及表达式的结果：

路径表达式 结果
bookstore 选取 bookstore 元素的所有子节点。
/bookstore 选取根元素 bookstore。注释：假如路径起始于正斜杠( / )，则此路径始终代表到某元素的绝对路径！
bookstore/book 选取属于 bookstore 的子元素的所有 book 元素。
//book 选取所有 book 子元素，而不管它们在文档中的位置。
bookstore//book 选择属于 bookstore 元素的后代的所有 book 元素，而不管它们位于 bookstore 之下的什么位置。
//@lang 选取名为 lang 的所有属性。

谓语（Predicates）

谓语用来查找某个特定的节点或者包含某个指定的值的节点，被嵌在方括号中。

在下面的表格中，我们列出了带有谓语的一些路径表达式，以及表达式的结果：

TIM截图20181024163357.png

选取未知节点

XPath 通配符可用来选取未知的 XML 元素。

通配符 描述
* 匹配任何元素节点。
@* 匹配任何属性节点。
node() 匹配任何类型的节点。

在下面的表格中，我们列出了一些路径表达式，以及这些表达式的结果：

路径表达式 结果
/bookstore/* 选取 bookstore 元素的所有子元素。
//* 选取文档中的所有元素。
//title[@*] 选取所有带有属性的 title 元素。

选取若干路径

通过在路径表达式中使用“|”运算符，您可以选取若干个路径。

实例

在下面的表格中，我们列出了一些路径表达式，以及这些表达式的结果：

路径表达式 结果
//book/title or //book/price 选取 book 元素的所有 title 和 price 元素。
//title or //price 选取文档中的所有 title 和 price 元素。
/bookstore/book/title or //price 选取属于 bookstore 元素的 book 元素的所有 title 元素，以及文档中所有的 price 元素。

XPath的运算符

下面列出了可用在 XPath 表达式中的运算符：

xpath.png

这些就是XPath的语法内容，在运用到Python抓取时要先转换为xml。

lxml库

lxml 是 一个HTML/XML的解析器，主要的功能是如何解析和提取 HTML/XML 数据。
lxml和正则一样，也是用 C 实现的，是一款高性能的 Python HTML/XML 解析器，我们可以利用之前学习的XPath语法，来快速的定位特定元素以及节点信息。
lxml python 官方文档：http://lxml.de/index.html
需要安装C语言库，可使用 pip 安装：pip install lxml （或通过wheel方式安装）

初步使用

我们利用它来解析 HTML 代码，简单示例：

  1. # lxml_test.py
  3. # 使用 lxml 的 etree 库
  4. from lxml import etree 
  6. text = '''
  7. <div>
  8.     <ul>
  9.          <li class="item-0"><a href="link1.html">first item</a></li>
  10.          <li class="item-1"><a href="link2.html">second item</a></li>
  11.          <li class="item-inactive"><a href="link3.html">third item</a></li>
  12.          <li class="item-1"><a href="link4.html">fourth item</a></li>
  13.          <li class="item-0"><a href="link5.html">fifth item</a> # 注意，此处缺少一个 </li> 闭合标签
  14.      </ul>
  15.  </div>
  16. '''
  18. #利用etree.HTML，将字符串解析为HTML文档
  19. html = etree.HTML(text) 
  21. # 按字符串序列化HTML文档
  22. result = etree.tostring(html) 
  24. print(result)

输出结果：

  2. <html><body>
  3. <div>
  4.     <ul>
  5.          <li class="item-0"><a href="link1.html">first item</a></li>
  6.          <li class="item-1"><a href="link2.html">second item</a></li>
  7.          <li class="item-inactive"><a href="link3.html">third item</a></li>
  8.          <li class="item-1"><a href="link4.html">fourth item</a></li>
  9.          <li class="item-0"><a href="link5.html">fifth item</a></li>
  10. </ul>
  11.  </div>
  12. </body></html>

lxml 可以自动修正 html 代码，例子里不仅补全了 li 标签，还添加了 body，html 标签。

文件读取：

除了直接读取字符串，lxml还支持从文件里读取内容。我们新建一个hello.html文件：

  1. <!-- hello.html -->
  3. <div>
  4.     <ul>
  5.          <li class="item-0"><a href="link1.html">first item</a></li>
  6.          <li class="item-1"><a href="link2.html">second item</a></li>
  7.          <li class="item-inactive"><a href="link3.html"><span class="bold">third item</span></a></li>
  8.          <li class="item-1"><a href="link4.html">fourth item</a></li>
  9.          <li class="item-0"><a href="link5.html">fifth item</a></li>
  10.      </ul>
  11.  </div>

再利用 etree.parse() 方法来读取文件。

  1. # lxml_parse.py
  3. from lxml import etree
  5. # 读取外部文件 hello.html
  6. html = etree.parse('./hello.html')
  7. result = etree.tostring(html, pretty_print=True)
  9. print(result)

输出结果与之前相同：

  2. <html><body>
  3. <div>
  4.     <ul>
  5.          <li class="item-0"><a href="link1.html">first item</a></li>
  6.          <li class="item-1"><a href="link2.html">second item</a></li>
  7.          <li class="item-inactive"><a href="link3.html">third item</a></li>
  8.          <li class="item-1"><a href="link4.html">fourth item</a></li>
  9.          <li class="item-0"><a href="link5.html">fifth item</a></li>
  10. </ul>
  11.  </div>
  12. </body></html>

XPath实例测试

1. 获取所有的 li 标签 

  1. # xpath_li.py
  3. from lxml import etree
  5. html = etree.parse('hello.html')
  6. print type(html)  # 显示etree.parse() 返回类型
  8. result = html.xpath('//li')
  10. print result  # 打印<li>标签的元素集合
  11. print len(result)
  12. print type(result)
  13. print type(result[0])

输出结果：

  1. <type 'lxml.etree._ElementTree'>
  2. [<Element li at 0x1014e0e18>, <Element li at 0x1014e0ef0>, <Element li at 0x1014e0f38>, <Element li at 0x1014e0f80>, <Element li at 0x1014e0fc8>]
  3. 5
  4. <type 'list'>
  5. <type 'lxml.etree._Element'>

2. 继续获取 < li > 标签的所有 class属性

  1. # xpath_li.py
  3. from lxml import etree
  5. html = etree.parse('hello.html')
  6. result = html.xpath('//li/@class')
  8. print result

运行结果

  1. ['item-0', 'item-1', 'item-inactive', 'item-1', 'item-0']

3. 继续获取 < li >标签下href 为 link1.html 的 标签

  1. # xpath_li.py
  3. from lxml import etree
  5. html = etree.parse('hello.html')
  6. result = html.xpath('//li/a[@href="link1.html"]')
  8. print result

运行结果

  1. [<Element a at 0x10ffaae18>]

4. 获取< li > 标签下的所有 标签

  1. # xpath_li.py
  3. from lxml import etree
  5. html = etree.parse('hello.html')
  7. #result = html.xpath('//li/span')
  8. #注意这么写是不对的：
  9. #因为 / 是用来获取子元素的，而 <span> 并不是 <li> 的子元素，所以，要用双斜杠
  11. result = html.xpath('//li//span')
  13. print result

运行结果

  1. [<Element span at 0x10d698e18>]

5. 获取 < li > 标签下的< a >标签里的所有 class

  1. # xpath_li.py
  3. from lxml import etree
  5. html = etree.parse('hello.html')
  6. result = html.xpath('//li/a//@class')
  8. print result

运行结果

  1. ['blod']

6. 获取最后一个 < li > 的 < a > 的 href

  1. # xpath_li.py
  3. from lxml import etree
  5. html = etree.parse('hello.html')
  7. result = html.xpath('//li[last()]/a/@href')
  8. # 谓语 [last()] 可以找到最后一个元素
  10. print result

运行结果

  1. ['link5.html']

7. 获取倒数第二个元素的内容

  1. # xpath_li.py
  3. from lxml import etree
  5. html = etree.parse('hello.html')
  6. result = html.xpath('//li[last()-1]/a')
  8. # text 方法可以获取元素内容
  9. print result[0].text

运行结果

  1. fourth item

8. 获取 class 值为 bold 的标签名

  1. # xpath_li.py
  3. from lxml import etree
  5. html = etree.parse('hello.html')
  7. result = html.xpath('//*[@class="bold"]')
  9. # tag方法可以获取标签名
  10. print result[0].tag

运行结果

  1. span
Copyright © 黑五电商学院 amzfriday.com all right reserved