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

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

웹 사이트 자산을 스타일시트 및 이미지와 같은 별도의 디렉토리로 구성할 때 다음이 필요할 수 있습니다. 한 디렉토리의 리소스를 다른 디렉토리에 참조합니다. 이 경우 스타일 시트는 {root}/styles에, 이미지는 {root}/images에 저장됩니다.

스타일 시트에서 이미지 디렉터리 경로를 지정하려면 ". ." 표기법으로 상위 디렉터리를 나타냅니다. 다음은 {root}/images 디렉터리에서 이미지를 로드하도록 CSS 코드를 수정하는 방법입니다.

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

"../"를 사용하면 한 수준 위의 디렉터리를 참조하게 됩니다. 경우는 루트 디렉터리 {root}입니다. 거기에서 경로는 계속해서 {root}/images 디렉토리로 이동하고 지정된 이미지인 "bg.png"를 찾습니다.

이 방법을 사용하면 웹사이트 자산을 보다 효율적으로 구성하는 동시에 적절한 리소스 검색을 보장할 수 있습니다. 상대 디렉토리 구조

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