개발자의 끄적끄적

[html/css] img 태그 외부링크 금지 이미지 표시 방법 / referrerpolicy no-referrer 설정방법 본문

개발/html & css

[html/css] img 태그 외부링크 금지 이미지 표시 방법 / referrerpolicy no-referrer 설정방법

효벨 2021. 5. 4. 03:00
728x90
반응형

[html/css] img 태그 외부링크 금지 이미지 표시 방법 / referrerpolicy no-referrer 설정방법

 

 

html 에서

 

img 태그를 사용하여

 

외부 사이트에 있는 이미지를 표시하고 싶을때

 

src 에 외부 링크를 넣습니다.

 

하지만,

 

외부 링크 금지 이미지로 설정이 되어 보이지 않는 경우가 있습니다.

 

그럴때는 

 

img 태그에 아래와 같은 속성을 추가해주면 됩니다.

referrerpolicy="no-referrer"

 

아래는 img 태그에 위 속성을 추가한 예제입니다.

<img alt="" referrerpolicy="no-referrer" src="이미지 경로">

 

위내용처럼

 

그냥 img 태그에 referrerpolicy="no-referrer" 라는 속성을 추가하면 됩니다!

 

참고들 하세요!

반응형
Comments