웹 프론트엔드의 상대 경로란 무엇입니까?

웹 프론트엔드에서 상대 경로는 현재 파일의 경로로 인해 발생하는 다른 파일(또는 폴더)과의 경로 관계를 의미합니다. 간단히 말해서 현재 파일을 기준으로 하는 대상 파일 위치입니다. 상대 경로는 일반적으로 "./" 또는 "../"로 시작합니다. 이점: 전체 프로젝트를 이동해도 프로젝트 내 파일 간의 상대적 관계는 변경되지 않으며, 이전에 설정한 경로는 여전히 정확하므로 수정할 필요가 없습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터.

우선 상대 경로와 절대 경로의 개념과 차이점을 이해해야 합니다.

상대 경로:

상대 경로는 해당 경로로 인해 발생한 다른 파일(또는 폴더)에 대한 경로를 나타냅니다. 현재 파일의 관계. 상대 경로를 사용하면 많은 편리함을 얻을 수 있습니다.

절대 경로:

절대 경로는 디렉터리 아래의 절대 위치를 말하며 대상 위치에 직접 도달하며 일반적으로 드라이브 문자로 시작하는 경로입니다.

파일 위치를 완벽하게 설명하는 경로는 절대 경로이며, 이는 웹 사이트의 루트 디렉터리를 기준으로 한 디렉터리 경로입니다. 절대 경로 이름은 트리 디렉토리 구조 상단의 루트 디렉토리부터 디렉토리 또는 파일까지 지정됩니다. 이는 지정될 디렉토리 또는 파일이 될 때까지 슬래시로 구분된 일련의 연속된 디렉토리로 구성됩니다. 또는 가리킬 파일. 절대라고 불리는 이유는 모든 웹 페이지가 동일한 파일을 참조할 때 사용되는 경로가 동일하다는 것을 의미합니다.

• 개인 요약:

상대 경로간단히 말하면 자신이 위치한 디렉터리를 기준으로 다른 파일(루트 디렉터리 아님)을 참조하는 것을 말하며, 이는 해당 파일을 기준으로 하는 대상 파일 위치입니다. 현재 파일.

이것의 장점 중 하나는 프로젝트 전체를 이동할 때 프로젝트 내 파일 간의 상대적인 관계가 변경되지 않으며 이전에 설정한 경로가 여전히 정확하다는 것입니다. 예: 웹 서버 폴더 a 아래에 index.html과 image.jpg 두 개의 파일이 있습니다. Image.jpg는 index.html 파일에 도입됩니다. 두 파일의 상대 위치가 변경되지 않은 한(즉, 여전히 폴더 a에 있음) 이 경로는 업로드되는 위치에 관계없이 정확합니다. 웹 서버.

절대 경로는 상대 루트 디렉터리(디스크)부터 시작하며, 각 파일이 사용하는 경로는 동일합니다.

절대 경로를 사용하면 웹사이트가 악의적으로 표절되는 것을 방지할 수 있습니다. 표절된 기본 링크는 여전히 자신의 웹사이트를 가리킵니다. 페이지의 대상 파일 위치가 변경되지 않은 한 링크는 여전히 올바른 URL을 가리킵니다. 로컬 환경과 서버의 경로가 다를 수 있으므로 절대 경로는 웹 개발에서 거의 사용되지 않습니다. /는 파일의 루트 디렉터리를 나타냅니다.

예제를 통해 설명

아래에서는 웹에서 가장 일반적으로 사용되는 HTML의 예를 통해 상대 경로와 절대 경로의 차이점을 설명합니다.

1 절대 경로

예:

또 다른 간단한 예:

예를 들어 컴퓨터를 사용할 때 파일을 사용하려면 파일의 위치를 ​​알아야 합니다. 예를 들어 index.html이라는 파일이 있고, index.png 이미지를 사용하고 싶습니다:

D:/websize/image/index.htmlD:/websize/image/index.html

D:/websize/image/img/index.png

你使用路径D:/websize/image/img/index.png就可以引用这张图片，在你的计算机上一切正常，但真正开发的时候基本上不使用绝对路径，因为项目移植困难，在其他计算机上就访问不到你的图片（他的计算机上没有你的图片）。

2、相对路径（实际使用推荐）

首先明白：

• . ./ 代表当前文件的上一级目录

• ./  代表当前文件所在目录

比如：

在来一个小例子：

比如你的E盘下面的WEB文件夹里有两个文件互相访问。

E:/WEB/mar/img/index.html

E:/WEB/mar/image/ig/ip/pho.png

在这里想要从index.html访问pho.png，则路径是. ./image/ig/ip/pho.png

D:/websize/image/img/index.png 🎜🎜D:/websize/image/img/index.png 경로를 사용하면 이 이미지를 참조할 수 있으며 컴퓨터에서는 모든 것이 잘 작동합니다. 그러나 실제 작업에서는 기본적으로 절대 경로를 사용하지 않습니다. 개발, 프로젝트를 이식하기 어렵고 다른 컴퓨터에서 액세스할 수 있기 때문입니다. 귀하의 사진이 없습니다(그의 컴퓨터에는 귀하의 사진이 없습니다) 🎜🎜. 🎜🎜🎜🎜2. 상대 경로 🎜(실제 사용 권장) 🎜🎜먼저 이해하세요: 🎜🎜🎜🎜./는 현재 파일의 상위 디렉터리를 나타냅니다. 🎜🎜🎜🎜./ 현재 파일이 있는 디렉터리를 나타냅니다. 🎜🎜🎜🎜예: 🎜🎜🎜🎜🎜🎜다음은 작은 예입니다.🎜🎜예를 들어, E 드라이브 아래 WEB 폴더에는 서로 액세스하는 두 개의 파일이 있습니다. 🎜🎜E:/WEB/mar/img/index.html🎜🎜 E:/WEB/mar/image/ig/ip/pho.png🎜🎜여기 index.html에서 pho.png에 액세스하려는 경우 경로는 ./image/ig/ip/pho.png입니다.

역방향으로 index.html，则需要路径是. ./. ./. ./img/index.html

에 액세스하려는 경우:

상대 경로와 절대 경로 모두 웹 개발에 사용되며 각각 고유한 장점과 단점이 있습니다. 간단히 요약하면 상대 경로는 현재 파일을 참조 지점으로 사용하여 다른 파일의 경로를 결정합니다. 물론, 해당 파일이 동일한 수준의 디렉터리인 경우에는 ./ 절대 경로는 컴퓨터 파일이나 네트워크의 절대 주소를 기준으로 결정됩니다. 절대 경로는 일반적으로 Windows에서는 드라이브 문자로 시작하고, Linux에서는 /로 시작합니다(단, 웹 서버에서는 /를 나타냄). 웹 서버의 루트 디렉터리) 또는 URL로 시작합니다.

(동영상 공유 학습: 웹 프론트엔드 시작하기)

위 내용은 웹 프론트엔드의 상대 경로란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!