パス(path)
1.相対パス
기준 : 현재 웹페이지의 소속 폴더가 기준점
. : 현재 웹페이지가 소속된 폴더
.. : 현재 웹페이지의 부모 폴더
자식폴더명 : 현재 소속된 폴더의 자식 폴더
현재 위치를 '나'로 기준을 삼고 상대를 찾는 표현
'/' -> 가장 최상의 디렉토리로 이동한다.(Web root)
'./' -> 파일이 현재 디렉토리를 의미한다.
'../' -> 상위 디렉토리로 이동한다.
2.絶対パス
- 누구나 다 알고있는 동일한 위치를 기준으로 상대를 찾는 표현
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>상대 경로</h1>
<div><a href ="./ex04.htm">같은 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="ex04.htm">같은 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="./Member/list.htm">자식 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="Member/list.htm">자식 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="./Member/private/private.htm">자식 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="Member/private/private.htm">자식 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="../필기.txt">프로젝트 루트 폴더의 자원으로 이동</a></div>
<h1>절대 경로</h1>
<div><a href ="/WebClientTest/ex01.htm">절대경로</a></div>
<div><a href ="/WebClientTest/Member/list.htm">절대경로</a></div>
<div><a href ="/WebClientTest/Member/private/private.htm">절대경로</a></div>
<div><a href ="/WebClientTest/Member/list.htm">부모폴더의 다른 페이지 이동하기</a></div>
<h1>로컬 경로</h1>
<div><a href ="ex01.htm">1번예제 (상대)</a></div>
<div><a href ="/WebClientTest/ex01.htm">1번예제 (절대)</a></div>
<div><a href ="C:\Users\user\Desktop\Class\WebClient\WebClientTest\WebContent\ex01.htm">1번예제 (로컬)</a></div>
<h1>외부 경로</h1>
<div><a href = "http://naver.com">네이버 이동하기</a></div>
<div><a href = "http://www.naver.com">네이버 이동하기</a></div>
</body>
</html>
References
- https://sas-study.tistory.com/127
- https://88240.tistory.com/122
Reference
この問題について(パス(path)), 我々は、より多くの情報をここで見つけました https://velog.io/@withcolinsong/경로pathテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol