인프런 커뮤니티 질문&답변
작성한 질문수
CSS로 이미지를 삽입하는 것과 HTML에서 이미지를 삽입하는 것의 차이점이 무엇인가요??
해결된 질문
작성
·
536
0
안녕하세요~ 1분 코딩님
이미지를 삽입할 때, 2가지 방법이 있는데요.
"CSS 에서 background 속성으로 이미지를 삽입하는 것"과 "HTML에서 img 태그를 이미지를 삽입하는 방식"
이 2가지 방식을 언제 사용하면 좋다거나, 언제는 사용하면 안 되는 상황이 있나요??
예를 들어,
어느 상황에서는 CSS에 이미지를 집어넣는 게 컨트롤 하기 더 유리한 케이스라든지 혹은 HTML의 img 태그는 중요한 이미지들을 삽입하는 데 쓴다는 등 ...
CSS에서 이미지를 넣는 방식과 HTML에서 이미지를 넣는 방식 구지 2가지 방식을 만들어 놓은 이유가 있을 것같아서 질문드립니다. 감사합니다.
답변 1
1
1분코딩
지식공유자
기본적으로 <img>로 넣는 것은 그 이미지 자체가 콘텐츠로서 명확한 의미가 있을 때 넣고요,
CSS 배경으로 넣는 경우는 장식적인 요소인 경우 그렇게 한다고 생각해주시면 되는데.. 요즘은 경우에 따라 그 경계가 모호하긴 합니다^^;
예를들어, 피자 레시피를 알려주는 웹페이지를 만든다면, 각 과정에 해당하는 사진 이미지들은 <img>로 직접 넣어주는 게 좋겠지요!
CSS를 제거하고 이 페이지를 보았을 때, HTML 구성 상 필요한 이미지라면 <img>로 넣어주시면 좋습니다.