해시 기호로 시작하는 PNG 파일에 연결

Question

내 디렉토리에 두 개의 이미지 파일이 있습니다. 하나는 abc1.png이고 다른 하나는 #abc1.png입니다.

내가 내 HTML 파일에

<img src="abc1.png" alt="Figure">

을 할 때, 그것을 잘 작동합니다. 내가

<img src="#abc1.png" alt="Figure">

,

을 할 때 이미지가 표시되지 않습니다. 왜 그럴까요?

Answer 1

HTML에서 # 기호는 문서의 명명 된 앵커에 대한 참조입니다. 브라우저가이를 찾도록 지시하고 있습니다. 대신 다음 URI 인코딩 버전을 사용하십시오. #

<img src="%23abc1.png" alt="Figure"> 

설정에 따라 두 번 인코딩해야 할 수 있습니다.