[html] 웹 경로 표기법 (path) : ../ ./

웹 경로표기법 path

현재 페이지에서 다른페이지로 이동할 url 입력시 알아두면 유용하다.

/     : 웹경로 구분자

./             : 현재 웹페이지가 소속된 폴더

../         : 현재 웹페이지의 부모 폴더

• ex)

  <!-- 다른 패키지명의 경로로 이동 -->
  <li>
      <a href="../aaa/index.do">aaa</a>
  </li>
  <li>
      <a href="../bbb/index.do">bbb</a>
  </li>

• ex)

  <!-- 같은 패키지명의 경로로 이동 -->
  <li>
      <a href="./index.do">aaa</a>
  </li>
  <li>
      <a href="./index.do">bbb</a>
  </li>

• ex)

      <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>
       

  `