在上一节中，我们了解了web页面元素定位常见的8种方式，本节将详细介绍如何使用xpath实现对web页面中元素的定位。
在掌握xpath实现页面元素定位的方法之前，我们需要简单的回顾一下html页面的组成：
1.在一个html页面中，存在很多的已经定义好的标签对，通常也称为元素；
2.标签一般包括：标签名、属性以及文本内容，即 <标签名 属性名=属性值>文本内容</标签名。
根据标签对的构成（或者是元素的3个特征：标签名、属性以及文本内容），我们可以比较方便的实现对页面中元素的定位。
一、元素定位分类
1、绝对定位
以“/”开头，从根结点开始，逐级定位到当前的结点。 -- 可以与绝对路径进行类比
2、相对定位 -- 推荐
以“//”开头，使用相对定位的原则如下：
2.1、不依赖结点的位置和顺序；
2.2、只要能够找到匹配的特征元素即可。
二、辅助工具
在对页面中的元素进行定位时，可以使用浏览器中的F12开发者工具。
Note：
在输入xpath表达式之前，需要通过Ctrl+F键打开表达式输入框
三、xpath表达式书写规则(*)
说明：该规则仅针对相对定位而言。
1、使用单一属性实现对元素的定位（通常情况下，选取的这些属性的值相对固定）
1.1、//标签名[@属性名=值] -- 根据属性值进行定位
1.2、//标签名[text()=值] -- 根据文本内容进行定位
1.3、//标签名[contains(@属性名,值)] -- 根据属性值进行部分匹配
1.4、//标签名[contains(text(),值)] -- 根据文本内容进行部分匹配
1.5、在进行匹配时，* 表示可以匹配任意的标签名或者属性名。如 //*[contains[@*,"TopicDiscuss"]]
2、单一属性的组合
当单一属性无法唯一定位到元素时，可以使用组合条件进行定位
2.1、and:特征同时满足
//标签名[text()=值 and @属性名=值 and contains(@属性名,值)]
2.2、or:特征有一个满足即可
//标签名[text()=值 or @属性名=值 or contains(@属性名,值)]
当仅靠待定位元素本身的特征无法属性进行唯一定位时，可以考虑使用层级定位和轴定位
3、层级定位：使用待查找的结点的“祖先”结点进行定位
//祖先结点//待查找的结点
如我们需要定义name=“tj_login”的结点，可以先找到其id="u1"的祖先结点，即 //div[@id="u1"]//a[@name="tj_login"]
4、轴定位
如果将层级定位看成是元素”从上至下“进行查找，那么轴向定位即可以看成元素的反向定位，即通过某一个已知元素定位其祖先元素或者兄弟元素，定位出的这些元素恰好是我们需要查找的元素。
4.1、ancestor：用于定位祖先结点，包含父结点
4.2、parent：用于定位父结点
4.3、preceding-sibling：已知元素结点标签之前的所有兄弟结点
4.4、following-sibling：已知元素结点标签之后的所有兄弟结点
定位语法如下：
//已知的元素/轴名称::标签名称[@属性名,值]，具体实例如下：
(1)//span[text()="考勤"]/parent::a
(2)//span[text()="考勤"]/ancestor::a
(3)//li[text()="发布作业"]/preceding-sibling::*
(4)//p[@title="030011"]/following-sibling::p[@class="name"]
【说明】
1.轴定位中常见的4种定位方式，在实际应用中，可以根据需要进行组合定位，这就需要测试人员提前理清各元素之间的逻辑关系；
如://span[text()="考勤"]/ancestor::a/following-sibling::p//div
2.轴定位的组合应用场景：页面显示为一个表格样式的数据列。
四、xpath实现元素定位的部分实例
......