[HTML,CSS] <img>(HTML)와 background-image(CSS) 차이

개발일기·2022년 2월 27일
  • <img> : 이미지를 불러오지 못했을 때 broken image와 alt 텍스트 값이 보인다.
  • background-img : 이미지를 불러오지 못했을 때 아무것도 뜨지 않는다.

이미지가 사용자에게 컨텐츠에 대한 설명을 제공하거나,
검색엔진에 노출시키고 싶을 때 <img>를 사용한다.

순수 디자인적인 용도나 반복되는 이미지를 사용할 때는 background-img를 사용한다.

참고 : https://blog.px-lab.com/html-img-tag-vs-css-background-image/

0개의 댓글