<img> 태그와 <div> 태그에 background-image 속성을 추가하는 것의 방법과 차이점

<img> 태그와 <div> 태그에 background-image 속성을 추가하는 것의 방법과 차이점

img 태그는 <img src=”링크”>로 나타낼 수 있다.

div 태그는 <div style=” background-image: 주소"></div>로 나타낼 수 있다.

차이점은 img태그는 <img alt=”이미지가 없습니다”>처럼 alt를 활용하여 이미지가 없을 때 추가할 수 있는 문구가 있지만 백그라운드 이미지는 에러가 뜨면 그냥 나오지 않는다.

*고로 이미지가 사용자에게 컨텐츠 이해에 도움을 더 준다고 생각하면 img 태그를 쓰고, 그렇지 않으면 background image 를 쓰는 게 좋다.