我们在上一篇章已经认识html和xpath，那么本篇教程将着重讲述如何获取xpath，在网页上写xpath路径验证
那么xpath实质上就是网页源码的索引路径，要想写出正确的xpath，就需要先找到html源码
我们日常浏览的网页本质上都是一个个HTML文档。打开网页后，鼠标右键打开菜单，选择【查看网页源代码】，就能看到该网站的HTML文档。网页上的数据，在其HTML文档中都有一个对应位置。
但是这样乱成一锅粥是肯定无法阅读的，所有浏览器都会提供一个简单轻便的工具，我们鼠标右击，选择检查
可以看到在屏幕下方出来了熟悉的html代码（有的浏览器默认展开在右边）
接下来我们把鼠标移动到这些代码块上，可以看到屏幕有的地方高亮了
没错，此时这行代码所代表的网页区域即是高亮部分所显示的，我们使用左下角的矩形箭头按钮
此时，要定位的网页数据、定位XPath、HTML文档3者的关系如下：
二、HTML、 XPath 与 八爪鱼
我用八爪鱼采数据？为什么要学XPath？很多人都有这样的疑惑。
八爪鱼采集网页数据，本质上是在HTML文档中采集数据。配置采集任务时，也是使用XPath路径表达式在HTML文档中定位想要的数据。
以配置【循环翻页】步骤为例。在网页上选中【下一页】按钮（图标1）建立【循环翻页】（图标2）时，八爪鱼内置的XPath工具自动将【下一页】按钮在HTML文档中的位置找出来，并生成一条XPath路径表达式（图标3），记录【下一页】按钮在HTML文档中的位置。
八爪鱼能自动生成定位XPath，为什么我们还要学XPath？还是以【循环翻页】步骤为例。大多数情况下，自动生成的定位XPath没有问题，可正常翻页。少数情况下，自动生成的定位XPath有问题，出现 “直接从第2页跳到最后1页” “在某几页之间重复翻页” 等翻页问题。这时候，我们就需要学习XPath知识，去写一条符合需求的、正确的XPath。
XPath路径表达式是通用的。由于八爪鱼中不方便查看HTML文档，我们通常使用火狐XPath工具去找到正确的XPath，然后再将其复制到八爪鱼中去。
三、认识XPath的结构
先自己自动生成几个XPath，看一下XPath结构有什么规律。几个示例XPath：
.//*[@id='subject_list']/ul/li[1]
.//*[@id='subject_list']/ul/li[1]/div[2]/p
html/body//li[@class='next']/a[1]
我们发现，XPath都具有相似的结构，都由3部分组成。
是的，XPath通过HTML标签和属性查找数据：
标签：html body ul li div p a ......
连接标签的符号：/ //
属性和属性值：[@id='subject_list'] [@class='next']
弄清楚HTML标签、属性及其组合规律，是学会写一条正确XPath的关键。
四、HTML标签、属性与XPath
通过火狐浏览器的XPath工具，我们来看一个HTML实例文档。此时HTML文档中各部分十分清楚(参考下图）：
浅蓝色的 html body li div p 等是标签(图标1)；
深蓝色的 class id href src 等是属性(图标4)；
引号中的红色部分是属性值(图标3)；
黑色的文字是会直接显示在网页上的文字(图标2)。
下面介绍HTML文档中最常见的标签、属性。
1、标签
① 常见标签
<a> </a> 定义超链接，用于从一张页面链接到另一张页面
<p> </p> 段落标记标签
<div> </div> 可定义文档中的区域或节、可以把文档分割为不同的部分，是一个块级元素
<li> </li> 创建列表内容项
<img> </img> 向网页中嵌入一幅图像，从网页中链接图像
<table> </table> 创建一个表格
<tr> </tr> 表格中的每一行
<td> </td> 表格中的标准单元格
② 标签之间的层级
HTML文档是树状结构，标签具有层级，标签之间具有父、子、兄弟的关系。
父（Parent）：每个标签都有一个父标签。如下图，ul标签是黄框中所有li标签的父标签。
子（Children）：一个标签可有零个、一个或多个子标签。如下图，li标签（图标1）是ul标签（图标2）的子标签。
兄弟（Sibling）：同级标签，拥有相同的父标签。如下图，li标签（图标2）是兄弟（同级）标签。
③ 连接标签
在XPath中，HTML标签用 单斜杠 / 或 双斜杠 // 连接，两者有何不同？
示例网址：https://book.douban.com/tag/%E5%B0%8F%E8%AF%B4，我想要定位到第一本书的标题。
/：用绝对路径定位
从根标签开始，一层一层往下定位，直到标题所在的位置，不可跨层级。
实例写法为：/html/body/div[3]/div/div/div/div/ul/li[1]/div[2]/h2/a 。
可以看到，此种定位方法很死板，一旦中间的层级发生改变，整条定位XPath就失效了。比如，另一个相似网页，在ul前多了一个div，那以上XPath 、/html/body/div[3]/div/div/div/div/ul/li[1]/div[2]/h2/a 就会失效，找不到【标题】这个目标数据。
如下图高亮的部分就是根据xpath(/html/body/div[3]/div/div/div/div/ul/li[1]/div[2]/h2/a)一层一层往下定位会定位到的标签
特别说明：
a. 标签后紧跟的[1]、[2]、[3]是序号。[1]表示选择同级标签的第1个。[2]、[3]以此类推。
b. 在火狐浏览器的XPath工具中写好定位XPath以后，需按一下键盘上的【回车】键，工具就会自动定位并提示满足定位条件的结果有多少个。
//：用相对路径定位（推荐）
直接找到标题所在层级的标签和属性定位，可以跨层级。
实例写法为：//a[@title='解忧杂货店']
这种定位方法就比较灵活，因为它是直接用目标标签的属性定位的，属性一般不发生改变。还是上面那个例子，另一个相似网页，在a标签前多了一个div标签，//a[@title='太白金星有点烦'] 这条XPath依旧有效，多了一个div标签并不对其造成影响。只要源码中存在 title 为 太白金星有点烦 的 a 标签，就能直接定位到。
注意：因为这里是跨层级定位到a标签，所以需要用 //。如果将 // 换成 / ，XPath 写作 /a[@title='太白金星有点烦']，则定位不到标题。
/ 和 // 是可以组合使用的，本质上是需要把握好标签之间的层级关系，请根据网页情况灵活使用。
如针对上述示例网站： /html/body/div[3]//a[@title="太白金星有点烦"]，也可以定位到标题。
2、属性
① 常见属性
class 规定元素的类名，大多数时候用于指定样式表中的类
id 唯一标识一个元素的属性，在html里面必须是唯一的
href 指定超链接目标的url
src 图像文件的url（直接复制到浏览器中，可打开图片）
如下图，src对应的是网页中的图书的封面
关于属性，我们不用明白每一个属性的属性值到底是什么意思，只需根据定位需求，找到标签的属性/属性值的相同/不同之处，以实现精准定位。
② 属性和标签的关系
属性是用来修饰标签的。XPath中，属性和属性值有固定写法：属性放在标签后面的[ ]里，属性前加@，属性值放在引号内。
例：//li[@class='subject-item']。
这条XPath的意思是，定位HTML文档中 所有 class 属性值为 subject-item 的 li 标签。
3、常用的XPath函数
网页情况十分复杂，仅通过标签和属性，难以将我们需要的数据精准定位出来。XPath有一套XPath函数，便于我们更精准定位。
下面是一些常见XPath函数，在八爪鱼数据抓取中应用十分广泛，请大家认真学习。
在开始学习XPath函数之前，有2点特别强调：
XPath函数有其固定写法，请遵循其固定写法；
XPath中的所有符号() [] ''均为英文符号，不可用中文符号。
以下示例网址均为：https://book.douban.com/tag/%E5%B0%8F%E8%AF%B4
① text() 用文本定位位置
text()='xxx' 精确定位，引号中的内容需与HTML文档中的文本完全一样
contains(text(),'xxx') 模糊定位，HTML文档中的文本，包含引号中的内容即可
如果需要定位到此网页中的【后页>】按钮。
用 text()='xxx' 定位，则XPath为：//a[text()='后页>'] ，引号中的文本一定要为 '后页>'，如果换成 '后页' （少了一个>），则定位不到【后页>】按钮。
用 contains(text(),'xxx') 定位，则XPath为：//a[contains(text(),'后页>')] ；//a[contains(text(),'后页')] ；//a[contains(text(),'页')] ；//a[contains(text(),'后')] 均可（包含文本中相连的一段字符即可，不用全部复制）。
② contains() 用于判断文本的一部分是否包含XXX，或者属性值是否包含XXX
contains(text(),'xxx') 判断文本的一部分是否包含XXX，上面已经详细说明
contains(@class,'xxx') 判断属性值是否包含XXX
如果需要定位到此网页中的所有图书列表。
直接用属性定位，则XPath为：//li[@class='subject-item'] ，引号中的属性值一定要为 'subject-item'，跟HTML文档中的属性值完全一致。
如果用 contains(@class,'xxx') 定位 ，则XPath为：//li[contains(@class,'subject-item')]；//li[contains(@class,'subject')] 均可（包含属性中相连的一段即可，不用全部复制）。
③ position() 用于定位节点的位置和限制节点的范围
position()=1 同级标签的第1个
position()>1 and position()<10 同级标签的第2-9个
常用于控制循环列表的项。如图，//ul[@class='subject-list']/li[position()>1 and position()<10]，定位的是第2-9个li标签。
④ last() 最后1个
last() 最后1个标签
last()-1 倒数第2个标签
last()-2 倒数第3个标签
如图，//ul[@class='subject-list']/li[last()]，定位的是最后1个li标签。
⑤ and/or/not 同时满足/满足其中1个即可/无
and 且，同时满足 a[@class and @href] 既有class属性，又有href属性的a标签
or 或，满足其中1个即可 a[@class or @href] 有class属性，或者有href属性的a标签
not 无 a[not(@class)] 不含class属性的a标签
⑥ following-sibling:: 选取当前节点之后的所有同级节点
在八爪鱼中常用于数字翻页，点击查看 数字翻页教程。
如图，//span[@class="thisclass"]/following-sibling::a ，定位到span节点之后的所有同级a节点
⑦ preceding-sibling:: 选取当前节点之前的所有同级节点
如图，//a[@target='_blank']/preceding-sibling::strong ，定位到a节点之前的所有同级strong节点
五、实战演练
题1：采集以下网址，全部的列表数据。
http://newhouse.sz.fang.com/house/s/b91/?ctm=1.sz.xf_search.page.1
2、按需求编辑采集下来的字段，如图。
3、启动采集，我们发现，有非常多的重复数据。观察重复数据发现，是从第2页后开始重复的。为什么？
4、找到规则中，翻页的XPath：//a[@class="next"] ，并将其复制下来。
5、将翻页的XPath：//a[@class="next"] 复制进火狐浏览器的XPath工具中并开始调试。第1页，通过 //a[@class="next"] 定位到的是【下一页】按钮，没问题。但是第2页出问题了，通过//a[@class="next"] 定位到【上一页】和【下一页】2个按钮，因【上一页】按钮在前，会先执行前一个。因此，在第2页的时候，会点【上一页】回到第1页，翻页就无法正常进行了。
我们需要在第2页（应该说是除最后1页的所有页）都只定位到【下一页】按钮，对吧？XPath怎么改？观察第2页中，【上一页】和【下一页】按钮的源码区别。很明显，文字不同，一个是【上一页】，一个是【下一页】。
利用这个特征和XPath的 Text函数（忘了Text函数怎么用？返回本教程 3、常用的XPath函数 中查看），我们可以写出一条定位XPath：//A[text()='下一页']。将这条新的XPath，放到每一页去检查一下，发现在除最后1页的所有页中都能精准定位到【下一页】按钮，正符合我们的翻页需求。
6、将改好的这条XPath：//A[text()='下一页']，复制进八爪鱼的相应位置即可。手动执行规则，发现在第二页的时候点击下一页按钮，可以翻到第3页，再次启动采集，会发现正常翻页，无重复数据。
以上是一个【翻页】定位出错的实例。在实际采集数据过程中，【循环列表】、【点击元素】、【提取数据】步骤均可能定位不准。就需要我们进行错误排查并修改定位XPath。
作者：Aisling
编辑：Aisling