티스토리 뷰

TIL

21.Dec.21 HTML // X path

0_hoonie 2021. 12. 26. 17:41

/학교/학년/반/학생[2]

//*[@학번=”1-1-5”]

/html/body/div/div/div/div/div/span/a...

//*[@id=”login”]

—> id가 login인 녀석을 모든 문서에서 찾아주세요

/ → 지금 내가 위치한 곳에서 한단계 아래 있는 녀석을 찾는 것

// → 지금 있는 위치로부터 모든 하위 모두들에 대해서 다 찾아보는 것

*→ 어떤 태그에 있든 상관없이 다 찾는 것

e.g) //학생[@학번=”1-1-5”] → 학생 태그에 있는 것 중 학번이 1-1-5인 애를 찾는것

//*[@학번=”1-1-5”] → 모든 태그 중 학번이 1-1-5인 애를 찾는 것

@: 속성 의미

HTML에서는 x path 찾기를 통해 경로가 확인 가능하다!

 

 

 

→ 로그인 태그를 찾기 위해서 해당 부분에 커서를 갖다 대고 copy x path를 하게 되면

//*[@id=”account”]/a

이러한 값이 나오게 된다.

 

 

첫 줄은 xpath 했을 때, 두번 째 줄은 full path 했을때

[2]의 의미는 div에서 두번째를 의미한다.

html 밑에 body 밑에 나오는 div의 두번째 밑에 나오는 div의 두번 째 밑에 ... 이렇게 진행되는 것

*인터넷 사이트에서 원하는 부분을 가리키고 오른쪽 버튼 누르고 검사 누르면 그 부분의 HTML 코드가 바로 나온다.

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함