본문 바로가기
자바과정/과제물

HTML 과제 : 상대경로와 절대경로

by Parkej 2021. 2. 25.

<!--
'\' : 파일 경로
'/' : 웹 경로 구분자(웹 http://)

1. 상대경로 
 기준 : 현재 웹페이지의 소속 폴더가 기준점이 된다.
 - 현재 위치한 곳을 기준으로 해서 그곳의 위치이다.
 . : 현재 웹페이지가 소속된 폴더( ./ )
 .. : 현재 웹페이지의 부모 폴더
 자식폴더명 : 현재 소속된 폴더의 자식 폴더
 현재 위치를 '자신'으로 기준을 삼고 상대를 찾는 표현임.

2. 절대경로
 기준 : 누구나 다 알고있는 동일한 위치를 기준으로 상대를 찾는 표현
 '/' 기준 -> '/' 는 웹사이트의 루트 폴더 -> "http://localhost:8080"
 '/user' == 'user'
 - 어떠한 웹페이지나 파일이 가지고 있는 고유한 경로를 말한다. 
 즉, 절대로 변하지 않는 경로로 절대적 주소를 의미함.
-->

 

<!DOCTYPE html>
<html>
<head>
<title>상대경로 절대경로</title>
</head>

<body>
  <h2> 상대 경로 </h2>
    <div><a href = "./root.html">같은 폴더</a></div>
    <div><a href = "root.html">같은 폴더</a></div>
    <div><a href = "./html/input.html">자식 폴더</a></div>
    <div><a href = "html/input.html">자식 폴더</a></div>
    <div><a href = "./html/2day/테이블.html">자식의자식 폴더</a></div>
    <div><a href = "html/2day/테이블.html">자식의자식 폴더</a></div>

    <div><a href = "../부모.txt">루트 폴더의 부모</a></div>
  <h2> 절대 경로 </h2>
    <div><a href = "C:/Users/PEJ/Desktop/sl/root.html">절대경로</a></div>
    <div><a href = "/Users/PEJ/Desktop/sl/html/input.html">절대경로</a></div>
    <div><a href = "/Users/PEJ/Desktop/sl/html/2day/테이블.html">절대경로</a></div>
</body>
</html>

반응형

댓글