>웹 프론트엔드 >HTML 튜토리얼 >파일의 절대 및 상대 경로에 대한 심층적인 이해

파일의 절대 및 상대 경로에 대한 심층적인 이해

yulia
yulia원래의
2018-09-21 16:11:273214검색

파일이나 사진을 참조할 때 상대 경로와 절대 경로가 관련되어 명확하게 구분되지 않으면 실수하기 쉽습니다. 이 글은 파일의 상대경로와 절대경로를 알려드리며, 도움이 필요한 친구들이 참고하시면 좋겠습니다.

DW를 사용하여 HTML을 작성할 때 특정 파일의 경로를 직접 선택할 수 있습니다. 이제 webstorm을 사용하면 HTML 파일과 동일한 디렉터리에 있는 파일만 선택할 수 있습니다. 파일의 절대 경로와 상대 경로의 차이점을 정리해 보겠습니다.

1.절대 경로

우선 로컬 컴퓨터에서 파일의 절대 경로는 확실히 파일이 하드 디스크에 실제로 존재하는 경로를 의미합니다.

예를 들어, D:/wamp/www/img/icon.jpg 경로는 icon.jpg 파일이 D 드라이브의 wamp 디렉터리 아래 img 하위 디렉터리에 있음을 나타냅니다. 절대 경로를 기반으로 파일의 위치를 ​​결정하기 위해 다른 정보를 알 필요는 없습니다.

http://www.img.net/img/icon.jpg와 같이 절대 경로이기도 한 하이퍼링크 파일 위치도 있습니다.

참고: 때때로 편집된 페이지를 자신의 컴퓨터에서 정상적으로 열람할 수 있지만 열람을 위해 웹 서버에 업로드하면 이미지가 표시되지 않을 수 있습니다. 정적 HTML 페이지는 웹사이트와 웹사이트 애플리케이션에 업로드되어야 하기 때문에 일반적으로 "/"를 사용하여 루트 디렉터리를 나타냅니다. /img/icon.jpg는 photo.jpg 파일이 루트의 img 디렉터리에 있음을 의미합니다. 웹사이트의 디렉토리. 단, 여기서 언급하는 루트 디렉터리는 귀하의 웹 사이트의 루트 디렉터리가 아니라 귀하의 웹 사이트가 위치한 웹 서버의 루트 디렉터리라는 점에 유의하십시오. 왜냐하면 웹서버에 업로드할 때 웹사이트 전체가 웹서버의 D드라이브에 위치하지 않고 F드라이브나 H드라이브에 있을 수도 있기 때문입니다. 웹 서버의 D 드라이브에 배치되어 있어도 웹 서버의 E 디스크에는 "D:/wamp/www/img" 디렉터리가 존재하지 않을 수 있으므로 웹 검색 시 사진이 표시되지 않습니다. 절대 경로를 적용하는 것도 위험합니다.

2. 상대 경로

이름에서 알 수 있듯이 상대 경로는 대상 위치를 기준으로 합니다.

파일을 가져오려는 페이지 이름이 test.htm이고 www(절대 경로 D:/wamp/www/test.htm)라는 폴더에 있고 참조도 다음 폴더에 있다고 가정합니다. www 폴더.icon.jpg" 파일(절대 경로 D:/wamp/www/icon.jpg), 상대 경로 icon.jpg img 파일 폴더에 "icon.jpg" 파일이 있는 경우(절대 경로) D:/wamp/www/img/icon.jpg), 상대 경로는 img/icon.jpg입니다.

상대 경로를 사용하면 위의 다른 루트 디렉터리 문제를 피할 수 있습니다. 웹 페이지 파일과 참조 파일의 상대 위치가 웹 서버에 있는 파일의 상대 위치와 일관되게 저장되는 한 해당 상대 경로도 일관됩니다. 예를 들어 위의 예에서 "icon.jpg" 그림은 "test.htm" 파일에서 참조됩니다. "icon.jpg" 그림은 "test.htm"과 동일한 디렉터리에 있으므로 이 두 파일은 여전히 ​​동일한 디렉터리에 있으므로 웹 서버에 업로드된 위치에 관계없이 이미지가 브라우저에 올바르게 표시됩니다.

참고: 상대 경로는 "/" 문자를 디렉터리 구분 문자로 사용하고, 절대 경로는 "" 또는 "/" 문자를 디렉터리 구분 문자로 사용할 수 있습니다. "img" 디렉터리는 "www" 디렉터리 아래의 하위 디렉터리이므로 "img" 앞에 "/" 문자를 추가할 필요가 없습니다.

상대 경로에서는 "../"가 상위 디렉터리를 나타내는 데 자주 사용됩니다. 상위 디렉터리가 여러 개인 경우 "../"를 여러 개 사용할 수 있습니다. "test.htm" 파일이 있는 디렉터리는 "D:/wamp/www/test.htm"이고, "icon.jpg" 그림이 있는 디렉터리는 "D:/wamp/www"라고 가정합니다. , 그러면 "icon.jpg" 그림은 상대적입니다. 파일이 위치한 디렉터리의 상위 디렉터리에 있는 "test.htm" 파일의 경우 그림을 인용하는 문은 다음과 같아야 합니다.

Assumption" test.htm" 파일이 있는 디렉터리는 "D:/wamp/www/test.htm"이고, "icon.jpg"가 있는 디렉터리는 " 그림의 위치는 "D:/wamp/www"이고, "icon.jpg" 그림은 " test.htm" 파일에 상대적이며 하위 디렉터리에 있습니다. 즉, 디렉터리의 상위 디렉터리에 있는 "img"입니다. 사진을 인용하는 설명은 다음과 같아야 합니다.

3. 가상 경로

파일을 원격 서버에 업로드한 후 , 이러한 파일은 서버의 로컬 디렉터리 트리에 있는 폴더에 있습니다. 예를 들어, Microsoft IIS를 실행하는 서버에서 홈 페이지 경로는 다음과 같습니다. c:Inetpubwwwrootaccountsusersjsmithindex2.htm 이 경로를 파일의 실제 경로라고도 합니다. 그러나 파일을 여는 데 사용되는 URL은 실제 경로를 사용하지 않습니다. 이는 서버 이름 또는 도메인 이름과 그 뒤에 가상 경로를 사용합니다(여기에는 가상 디렉터리가 있습니다. 가상 디렉터리는 HTTP 액세스용이며, 사용자가 웹 사이트나 FPT를 탐색할 때 표시되는 디렉터리 구조입니다. 예를 들어 E:Website를 다음과 같이 설정합니다. access 디렉터리이면 E:Website는 가상 디렉터리의 루트 디렉터리가 됩니다. E:WebsiteImage는 Image가 됩니다. 따라서 위의 예에 따르면 가상 경로는

Tidy it up으로 작성할 수 있습니다.

"./"는 현재 디렉토리를 나타냅니다.

"../" 이전 디렉터리

"/" 상대 디렉터리인 현재 루트 디렉터리를 나타냅니다.

"~/" 웹 애플리케이션 루트 디렉터리입니다. ASP.NET에서는 서버 컨트롤에서 경로를 지정할 때 사용할 수 있는 웹 응용 프로그램 루트 연산자(~)를 활성화합니다. ASP.NET은 ~ 연산자를 현재 응용 프로그램의 루트 디렉터리로 확인합니다. 폴더에 ~ 연산자를 사용하여 현재 루트 디렉터리를 기반으로 경로를 지정할 수 있습니다. 이 예에서 이미지 파일은 웹 루트 디렉터리의 Images 폴더에서 직접 가져옵니다. 응용 프로그램 페이지가 웹사이트 어디에 있든 상관없이 읽어보세요.

위 내용은 파일의 절대 및 상대 경로에 대한 심층적인 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.