리소스가 다른 디렉토리에 있을 때 HTML에서 리소스를 참조하는 방법은 무엇입니까?

HTML에서 리소스 참조를 위한 URL 경로 탐색

웹사이트를 구축할 때 이미지 및 스타일시트와 같은 리소스를 별도의 디렉토리에 저장하는 것이 일반적입니다. HTML에서 이러한 리소스를 참조하려면 소스 코드 내에서 해당 경로를 지정해야 합니다.

예를 들어 스타일시트를 /styles에 저장하고 이미지를 /images에 저장하는 경우 제공 방법이 궁금할 수 있습니다. 이미지 디렉토리에서 이미지를 찾으려면 스타일시트의 올바른 경로를 사용하세요.

여기서 핵심은 .. 표기법을 사용하여 상위 디렉토리를 나타내는 것입니다. 이미지 경로 앞에 ..를 추가하면 브라우저가 디렉터리 구조에서 한 수준을 찾도록 지시하게 됩니다.

예를 들어 다음을 사용하는 대신 다음을 사용합니다.

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

다음을 사용합니다:

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

이 조정된 경로는 브라우저에게 스타일시트 위치(/styles)에서 한 디렉터리 위로 이동한 다음 이미지 디렉터리로 이동하도록 지시합니다.

위 내용은 리소스가 다른 디렉토리에 있을 때 HTML에서 리소스를 참조하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!