HTML 파일 경로 위치와 관련하여“./”(점 슬래시) 란 무엇입니까?

나는 길을 걷는다 ../는 것을 알고 있지만 ./정확히 무엇을 의미합니까?

나는 최근에 튜토리얼을 겪고 있었고 같은 위치에있는 파일 만 참조하는 것 같습니다. 그래서 전혀 필요합니까? 그게 전부라면 사용할 수 없습니까?

./작업 파일이 있는 폴더입니다 .

그래서에서 /index.htm ./루트 디렉토리입니다
만의 /css/style.css ./CSS의 폴더입니다.

이것은 당신이에서 CSS를 이동하는 경우 때문에 기억하는 것이 중요하다 /index.htm으로 /css/style.css변경됩니다 경로.

/ 현재 드라이브의 루트를 의미합니다.

./ 현재 디렉토리를 의미합니다.

../ 현재 디렉토리의 부모를 의미합니다.

다음 목록을 빠른 참조로 사용할 수 있습니다.

   /   = Root directory
   .   = This location
   ..  = Up a directory
   ./  = Current directory
   ../ = Parent of current directory
   ../../ = Two directories backwards

유용한 기사 : https://css-tricks.com/quick-reminder-about-file-paths/

.  = This location
.. = Up a directory

그래서, ./foo.html그냥 foo.html입니다. 또한 선택 사항이지만 스크립트가 경로를 생성 한 경우 관련성이있을 수 있습니다 ( 참조의 작동 방식이 아닌 스크립트 와의 관련성 ).

예, ./현재 작업 디렉토리를 의미합니다. 파일 이름없이 파일을 직접 참조 할 수 있습니다.

생략해도됩니다. 명확성을 위해서만 유용합니다. 존재하는 것과 존재하지 않는 것 사이에는 기능상의 차이가 없습니다.

경로 에 대한 빠르고 작은 요약

절대 경로

http://website.com/assets/image.jpg
이미지가 도메인에 없으면 이미지를 찾으십시오.

//website.com/assets/image.jpg
http 또는 https 프로토콜을 사용하여로드 된 이미지

상대 경로

( 이미지가 동일한 서버에있는 경우 내부 용 )

image.jpg
이미지 를 호출하는 문서와 같은 위치에

./image.jpg
위와 동일, 이미지 를 호출하는 문서와 같은 위치에있는 이미지!

/assets/image.jpg
절대 경로와 유사하게 프로토콜과 도메인 이름을 생략하면
루트 폴더에서 시작 /하여assets/

assets/image.jpg
이번에는 자산 이 문서와 동일한 위치에 있으므로 이미지의 자산 으로 이동 하십시오.

../assets/image.jpg
문서가있는 곳에서 한 폴더 뒤로 ../ 이동하여assets

../../image.jpg
두 개의 폴더로 돌아 가면 내 이미지가 있습니다!

../../assets/image.jpg
이동 이 개 폴더 다시 ../../ 와로 이동보다 assets

예 ./, 현재있는 디렉토리를 의미합니다.

예를 들어 css 파일은 폴더 이름에 CSS있고 html 파일은 folder 폴더 HTML에 있으며 둘 다라는 폴더 XYZ에 html로 CSS 파일을

<link rel="stylesheet" type="text/css" href="./../CSS/style.css" />

여기 ..까지 이동 HTML
하고 .현재 디렉토리를 참조XYZ

---이 논리에 따르면 다음과 같이 참조합니다.

<link rel="stylesheet" type="text/css" href="CSS/style.css" />

빠른 참조 목록을 참조하면 특히 다음을 사용할 수 있습니다.

\. \ 루트 디렉토리 + 현재 디렉토리 (드라이브 문자)