HTML에서 상위 디렉토리의 이미지를 어떻게 참조합니까?

HTML에서 상위 디렉토리의 이미지 참조

웹 개발에서 주최자는 종종 스타일 시트와 이미지를 별도의 디렉토리에 저장합니다. 스타일시트 내에서 다른 디렉토리의 이미지를 참조하려면 경로를 수정해야 합니다. HTML의 URL 소스 경로에서 한 레벨 위로 이동하는 방법은 다음과 같습니다.

디렉토리 구조에서 한 레벨 위로 이동하려면 이중 점 문자(..)를 사용할 수 있습니다. 이 표기법은 상위 디렉터리를 나타냅니다. 예를 들어, "/styles" 디렉토리에 스타일 시트를 저장하고 "/images" 디렉토리에 이미지를 저장한다고 가정합니다. "/styles" 디렉터리에 있는 스타일 시트 내에서 "/images" 디렉터리의 이미지를 참조하려면 다음 경로를 사용합니다.

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

이 예에서는 ".." 표기법을 사용합니다. 경로의 경로는 디렉토리 구조에서 한 수준 위로 올라가 스타일 시트가 "/images" 디렉토리의 지정된 이미지에 액세스할 수 있도록 합니다.

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