HTML의 상위 디렉토리에 있는 파일에 어떻게 액세스합니까?

HTML의 상위 디렉토리에서 파일 액세스

웹사이트 자산을 구성할 때 스타일 시트 및 이미지와 같은 파일을 서로 다른 디렉토리로 분리하는 것이 일반적입니다. 더 쉬운 관리를 위해. 그러나 HTML 내에서 이러한 파일을 참조해야 하는 경우 경로가 올바르게 지정되지 않으면 문제가 발생할 수 있습니다.

문제:

다음과 같은 시나리오를 고려해보세요. 스타일 시트는 "{root}/styles"에 저장되고 이미지는 "{root}/images"에 저장됩니다. 올바른 경로가 사용되는지 확인하면서 스타일 시트 내에서 이미지를 어떻게 참조할 수 있습니까?

해결책:

이 문제를 해결하려면 상위 디렉터리 표시기 "를 사용하세요. ." 경로:

background-image: url('../images/bg.png');

이 수정은 브라우저에 디렉터리 구조에서 한 수준 위로 이동한 다음 "이미지" 디렉토리. ".."(마침표 2개)를 사용하면 현재 디렉터리("styles")의 상위 디렉터리에 액세스하게 됩니다. 이를 통해 실제 HTML 파일이 다른 하위 디렉터리에 있는 경우에도 상위 디렉터리의 파일을 참조할 수 있습니다.

위 내용은 HTML의 상위 디렉토리에 있는 파일에 어떻게 액세스합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!