티스토리 뷰
/학교/학년/반/학생[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 코드가 바로 나온다.
'TIL' 카테고리의 다른 글
21.Dec.22 python // find.all , for, a href 링크 (0) | 2021.12.26 |
---|---|
21.Dec.21 python // 정규식 (0) | 2021.12.26 |
21.Dec.18 팁 // 코드양이 줄어드는 class 명 작명법(뼈대-살점, Utility Class, BEM) (0) | 2021.12.26 |
21.Dec.18 CSS // 상태에 따른 스타일 주기 pseudo-class (0) | 2021.12.26 |
21.Dec.18 HTML // 표 만들기, 표 꾸미기 (0) | 2021.12.26 |