html5에서 상대 경로를 작성하는 방법

HTML5에서 상대 경로를 작성하는 방법: 1. "파일 이름"을 사용하여 동일한 수준 경로에 있는 파일을 나타냅니다. 2. "./파일 이름"을 사용하여 상위 디렉터리 파일을 나타냅니다. "는 상위 파일을 나타냅니다. 4. "동일 레벨 디렉터리 이름/파일 이름"을 사용하여 하위 디렉터리 파일을 나타냅니다.

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

HTML5에서 상대 경로 작성 방법

목적: 이 파일의 경로로 인해 발생하는 다른 파일(또는 폴더)과의 경로 관계를 지정합니다.

소스 파일과 참조 파일이 동일한 디렉터리에 있는 경우 직접 참조 파일 이름이면 충분하며, 파일을 참조하는 방법은 상대 경로를 사용하는 것입니다.

아래의 두 HTML 문서 info.html 및 index.html을 예제로 만듭니다. 요구 사항은 info.html에 index.html 하이퍼링크를 추가하는 것입니다.

eg1: 상대 경로의 간단한 적용

가정: info.html 경로: c:/Inetpub/wwwroot/sites/blabla/info.html

　 Index.html 경로: c:/Inetpub/wwwroot/ sites/blabla/index.html

작성:

<a href = "index.html">这是超连接</a>

eg2: 상위 디렉터리를 나타내는 방법

../은 소스 파일이 있는 디렉터리의 상위 디렉터리를 나타냅니다. http://www.cnblogs .com/은 소스를 나타냅니다. 파일이 있는 디렉터리 위의 디렉터리 등입니다.

가정: info.html의 경로는 다음과 같습니다: c:/Inetpub/wwwroot/sites/blabla/info.html

　index.html의 경로는: c:/Inetpub/wwwroot/sites/index.html

쓰기:

<a href = "../index.html">这是超连接</a>

eg3: 상위 디렉토리를 표현하는 방법

가정: info.html의 경로는 다음과 같습니다: c:/Inetpub/wwwroot/sites/blabla/info.html

　인덱스의 경로. html은 다음과 같습니다: c:/Inetpub/wwwroot/sites /wowstory/index.html

작성:

<a href = "../wowstory/index.html">index.html</a>

eg3: 하위 디렉터리를 나타내는 방법

하위 디렉터리의 파일을 참조하려면 다음과 같이 작성하세요. 하위 디렉터리의 파일 경로를 직접 입력합니다.

가정: info.html의 경로는 다음과 같습니다: c:/Inetpub/wwwroot/sites/blabla/info.html

　index.html의 경로는: c:/Inetpub/wwwroot/sites/blabla/html/index .html

작성 방법:

<a href = "html/index.html">这是超连接</a>

추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 html5에서 상대 경로를 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!