HTML의 상대 경로와 절대 경로의 차이점

파일이 HTML(예: 하이퍼링크, 그림 등)에 포함되는 한 절대 경로와 상대 경로의 개념이 포함됩니다.

1. 절대 경로

절대 경로는 하드디스크에 실제로 파일이 존재하는 경로를 말합니다. 예를 들어, "bg.jpg" 그림은 하드 디스크의 "E:book Web Page Layout Code Chapter 2" 디렉터리에 저장되어 있으며, "bg.jpg" 그림의 절대 경로는 "E:book Web Page"입니다. 레이아웃 코드 2장 bg .jpg". 그런 다음 절대 경로를 사용하여 웹 페이지의 배경 이미지를 지정하려면 다음 명령문을 사용해야 합니다.

2. 절대 경로 사용의 단점

실제로 웹 페이지 프로그래밍 시 절대 경로는 거의 사용되지 않습니다. "E:book 웹 페이지를 사용하면 퍼블리싱 코드 2장 bg.jpg" 배경 이미지의 위치를 ​​지정하려면 자신의 컴퓨터에서 브라우징할 때는 모든 것이 괜찮을 수 있지만, 브라우징을 위해 웹 서버에 업로드하면 이미지가 표시되지 않을 수 있습니다. 왜냐하면 웹서버에 업로드할 때 웹사이트 전체가 웹서버의 E드라이브에 위치하지 않고 D드라이브나 H드라이브에 있을 수도 있기 때문입니다. 웹 서버의 E 디스크에 배치되어 있어도 웹 서버의 E 디스크에 "E:book Web Page Layout Code Chapter 2" 디렉터리가 존재하지 않을 수 있으므로 웹 브라우징 시 그림이 표시되지 않습니다. 페이지.

3. 상대 경로

이러한 상황을 피하기 위해 일반적으로 웹 페이지에서 파일을 지정할 때 상대 경로를 선택합니다. 소위 상대 경로는 자신의 대상 파일 위치에 상대적입니다. 예를 들어 위의 예에서 "s1.htm" 파일은 "bg.jpg" 그림을 참조합니다. "bg.jpg" 그림은 "s1.htm"과 동일한 디렉터리에 있으므로 "s1"에 있어야 합니다. .htm" 파일을 사용하는 경우 두 파일의 상대 위치가 변경되지 않는 한(즉, 여전히 동일한 디렉터리에 있는 경우) 웹 서버에 업로드되는 위치에 상관없이 파일이 올바르게 표시됩니다. 브라우저.사진을 보여주세요.

"s1.htm" 파일이 있는 디렉터리가 "E:book Web Page Layout"이라고 가정하고 또 다른 예를 들어보겠습니다. Code Chapter 2", "bg.jpg" 그림이 있는 디렉터리는 "E:book Web Page Layout Code Chapter 2 img"이고, "bg.jpg" 그림은 디렉터리의 "img"에 있습니다. "s1.htm" 파일의 " 하위 디렉터리에 상대적으로 위치하며, 이미지를 인용하는 명령문은 다음과 같아야 합니다.

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

상대 경로에서는 "../"가 상위 디렉터리를 나타내는 데 자주 사용됩니다. 상위 디렉터리가 여러 개 있는 경우 "../"를 여러 개 사용할 수 있습니다. 예를 들어 "//m.sbmmt.com/"은 상위 디렉터리를 나타냅니다. "s1.htm" 파일이 있는 디렉터리는 "E:book Web Page Layout Code Chapter 2"이고, "bg.jpg" 그림이 있는 디렉터리는 "E:book Web Page Layout Code"라고 가정하자. , "bg.jpg" 그림은 "s1.htm" 파일에 대해 상대적입니다. "s1.htm" 파일의 경우 그림이 위치한 디렉터리의 상위 디렉터리에 있으며 이미지를 인용하는 문은 다음과 같아야 합니다.

또 다른 예로 "s1.htm" 파일이 있는 디렉터리는 " E:book Web Page Layout Code Chapter 2", "bg.jpg" 그림이 있는 디렉터리는 "E: "book web page Layout code img"이고, "bg.jpg" 그림은 "img"에 있습니다. "s1.htm" 파일과 관련된 디렉토리의 상위 디렉토리에 있는 하위 디렉토리인 경우 그림을 인용하는 명령문은 다음과 같아야 합니다.

4. 상대 가상 디렉터리

상대 경로도 있습니다. "상대 가상 디렉터리"라는 특별한 표현이 있습니다. 다음 예를 살펴보세요.

이 예에서는 배경 속성의 값이 " /img/bg.jpg"입니다. "img" 앞에 "/" 문자가 있다는 점에 유의하세요. 이 "/"는 가상 디렉터리의 루트 디렉터리를 나타냅니다. "E:book 웹 페이지 레이아웃 코드"가 가상 디렉터리로 설정된 경우 "/img/bg.jpg"의 실제 경로는 "E:book web입니다. 페이지 레이아웃 코드 img bg" .jpg"; "E:book Web Page Layout Code Chapter 2"가 가상 디렉터리로 설정된 경우 "/img/bg.jpg"의 실제 경로는 "E:book Web Page Layout"입니다. 코드 2장 imgbg.jpg"

HTML의 상대 경로와 절대 경로의 차이점에 대한 자세한 내용은 PHP 중국어 웹사이트의 관련 기사를 참고하세요!