[HTML] XPath란?

XPath

HTML 문장 속의 요소, 속성 등을 지정하는 언어이다. XPath에는 XML문장을 트리로 다루기 때문에, 요소나 속성의 위치를 지정하는 것이 가능하다. HTML 내의 요소의 경로에 손쉽게 접근할 수 있다.

---

절대경로

문서의 시작부터 모든 경로를 표시하는 방법
계층 문서 내에서 특정 노드를 선택하기 위해 모든 단일 노드를 지정해야한다.
항상 루트 노드에서 시작한다.

/html/body/div/div/div//div[1]/div[2]/div/div/div[2]/section[1]/span[1]

경로를 하나하나 다 적기 힘들고, 경로가 매우 길어진다.

 

---

상대경로

속성 이름과 속성 값으로 손쉽게 접근할 수 있는 방법
선택한 노드에서 시작할 수 있다.

//태그 이름[@속성='값']

//tagname[@atrribute='value']

경로가 짧고, 단순하다.

---

기초 문법

• 노드 이름 : 노드 이름과 일치하는 모든 노드 선택
• / : 루트 노드부터 순서대로 경로 탐색
• // : 현재 노드의 위치와 상관없이 지정된 노드에서 순서대로 경로 탐색. 현재 노드 아래로 모든 문서에서 찾는다.
• . : 현재 노드
• .. : 현재 노드의 부모 노드
• @ : 속성 노드

---

 

개발자 도구에서 손쉽게 파악할 수 있음.
Copy XPath : 상대 경로 복사 ex) //*[@id="wrap"]
Copy full XPath : 절대 경로 복사 ex) /html/body/div[2]