figure tag에서 스타일에 백그라운드 이미지를 주고
그안에 img 태그로 다시 주소를 주는 이유가 있나요? img태그가 없어도 작동하는데
없어도 되는건지 혹은 있으면 좋은 이유가 궁금합니다.
{flex 카드 ui만들때 썼던 부분에서 질문입니다.}
예시는 가령 이런식입니다.
<div style="color: #a6accd; background-color: #292d3e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>&nbsp;&lt;figure&nbsp;class="contents-image"&nbsp;style="background-image:&nbsp;url(images/detail_exam.jpg)"&gt;</div>
<div>&nbsp;&nbsp;&nbsp; &lt;img&nbsp;src="images/detail_exam.jpg"&nbsp;alt="contents"&gt;</div>
<div>&lt;/figure&gt;</div>
</div>

아하 정보로써 의미가 있으면 넣는게 좋고 아니어도 된다는 말씀이시군요. 감사합니다.
강의 잘보고 있습니다. 도움이 많이 되네요 ^^

아, 말씀대로 img 태그는 CSS에서 display: none;으로 처리해서 어차피 안보이기 때문에 안넣어도 되는데요, 이미지가 중요한 정보인 경우, 온전한 HTML 구조를 확보하는 차원에서 넣어 주었습니다. CSS를 제거하고 페이지를 열어 보면 전체적인 HTML 구조가 눈에 들어오는데, 저는 이미지의 역할이 필수적이면 넣어주는 편이고 그다지 필수적이지 않다면 빼기도 하고 그렇게 합니다.

인프런 커뮤니티 질문&답변

figure tag