CSS로 이미지를 삽입하는 것과 HTML에서 이미지를 삽입하는 것의 차이점이 무엇인가요??

Question

안녕하세요~ 1분 코딩님 이미지를 삽입할 때, 2가지 방법이 있는데요. "CSS 에서 background 속성으로 이미지를 삽입하는 것"과 "HTML에서 img 태그를 이미지를 삽입하는 방식" 이 2가지 방식을 언제 사용하면 좋다거나, 언제는 사용하면 안 되는 상황이 있나요?? 예를 들어, 어느 상황에서는 CSS에 이미지를 집어넣는 게 컨트롤 하기 더 유리한 케이스라든지 혹은 HTML의 img 태그는 중요한 이미지들을 삽입하는 데 쓴다는 등 ...   CSS에서 이미지를 넣는 방식과 HTML에서 이미지를 넣는 방식 구지 2가지 방식을 만들어 놓은 이유가 있을 것같아서 질문드립니다. 감사합니다.

1분코딩 · Answer

기본적으로 로 넣는 것은 그 이미지 자체가 콘텐츠로서 명확한 의미가 있을 때 넣고요, CSS 배경으로 넣는 경우는 장식적인 요소인 경우 그렇게 한다고 생각해주시면 되는데.. 요즘은 경우에 따라 그 경계가 모호하긴 합니다^^; 예를들어, 피자 레시피를 알려주는 웹페이지를 만든다면, 각 과정에 해당하는 사진 이미지들은 로 직접 넣어주는 게 좋겠지요! CSS를 제거하고 이 페이지를 보았을 때, HTML 구성 상 필요한 이미지라면 로 넣어주시면 좋습니다.