HTML 경로 표기법

SeungJoo

|2023. 10. 10. 23:17

728x90

상대경로

파일 또는 디렉터리 위치를 현재 작업 디렉터리나 다른 기준 위치를 현재 작업 디렉터리나 다른 기준 위치를 기반으로 표현하는 방법입니다. 상대경로는 절대 경로와는 다르게 시작점이나 기준점에 상대적으로 위치를 나타내므로, 파일 또는 디렉터리가 어디에 위치하는지 현재위치를 기준으로 상대적으로 설명합니다.

`.`(현재 디렉터리) : 현재 작업 디렉터리를 나타내며, 아무런 경로 변경 없이 현재 디렉터리를 가리킵니다.
`..`(상위 디렉터리) : 현재 디렉터리의 상위 디렉터리를 나타냅니다.
디렉터리 이름 : 상대경로에서 디렉터리 이름을 사용하여 해당 디렉터리로 이동할 수 있습니다.
파일 이름 : 상대경로에서 파일 이름을 사용하여 현재 디렉터리에서 파일을 가리킬 수 있습니다.

절대경로

파일 또는 디렉터리의 위치를 파일 시스템의 루트 디렉터리부터 안전하게 지정하는 경로입니다. 절대경로는 파일이나 디렉터리가 어떤 위치에 있든 관계없이 항상 동일한 위치를 가리키므로 절대적으로 명확합니다.

ex) C:\Users\Username\Documents\file.txt

절대경로는 파일 시스템의 루트 디렉터리로부터 시작하며 목표 파일 또는 디렉터리까지의 전체 경로를 나타냅니다. 절대경로를 사용하면 파일 또는 디렉터리의 위치를 명확하게 식별합니다.

로컬경로

파일 또는 디렉터리의 위치를 현재 작업 디렉터리 또는 로컬 파일 시스템의 상대적인 위치를 기반으로 표현하는 경로입니다. 로컬 경로는 일반적으로 파일 또는 디렉터리가 현재 사용 중인 컴퓨터 또는 로컬 파일 시스템에 있는 경우에 사용됩니다.

로컬 경로는 주로 컴퓨터 내부에서 파일을 조작하거나 접근할 때 사용됩니다. 파일 시스템의 구조와 현재 작업 디렉터리에 따라 로컬 경로가 변할 수 있으므로 주의가 필요합니다. 다른 컴퓨터에서 동일한 로컬 경로가 존재하지 않을 수 있으므로 파일을 공유하거나 다른 환경에서 사용할 때는 절대 경로나 네트워크 경로를 사용하는 것이 더 안전합니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>상대 경로</h1>
     <div><a href ="./index.htm">같은 폴더의 다른 페이지 이동하기</a></div>
     <div><a href ="index.htm">같은 폴더의 다른 페이지 이동하기</a></div>
     <div><a href ="./Joo/list.htm">자식 폴더의 다른 페이지 이동하기</a></div>
     <div><a href ="Joo/list.htm">자식 폴더의 다른 페이지 이동하기</a></div>
     <div><a href ="./Joo/list/list.htm">자식 폴더의 다른 페이지 이동하기</a></div>
     <div><a href ="Joo/list/list.htm">자식 폴더의 다른 페이지 이동하기</a></div>
     <div><a href ="../test.txt">프로젝트 루트 폴더의 자원으로 이동</a></div>

     <h1>절대 경로</h1>
     <div><a href ="/WebTest/index.htm">절대경로</a></div>
     <div><a href ="/WebTest/Joo/list.htm">절대경로</a></div>
     <div><a href ="/WebTest/Joo/private/private.htm">절대경로</a></div>
     <div><a href ="/WebTest/Joo/list.htm">부모폴더의 다른 페이지 이동하기</a></div>


     <h1>로컬 경로</h1>
     <div><a href ="index.htm">1번예제 (상대)</a></div>
     <div><a href ="/WebTest/index.htm">1번예제 (절대)</a></div>
     <div><a href ="C:\Users\user\Desktop\Class\WebClient\WebClientTest\WebContent\index.htm">1번예제 (로컬)</a></div>

     <h1>외부 경로</h1>
     <div><a href = "http://google.com">구글 이동하기</a></div>
     <div><a href = "http://www.google.com">구글 이동하기</a></div>
</body>
</html>

728x90

'알쓸I잡(알면 쓸모있는 IT 잡학사전)' 카테고리의 다른 글

TDD (0)	2023.12.01
VS CODE 태그 쉽게 감싸는방법 (0)	2023.10.11
CORS 오류 (1)	2023.10.06