이미지에 제목이 있다면 img태그보다 figure 태그 사용
html에서 이미지를 넣을 때 <img src="" alt="">만 넣기보다 <figure></figure>를 사용하여 이미지(<img>)와 해당 이미지에 대한 제목(내용 등, <figcaption>)을 넣을 수 있다.
html
<figure>
<img src="/img/cate1.png" alt="" srcset="/img/cate1.png 335w, /img/cate1@2x.png 670w, /img/cate1@3x.png 1005w">
<figcaption>Virtual World</figcaption>
</figure>srcset에서 335w, 670w, 1005w는 모바일 브라우저의 가로 픽셀이 335, 670, 1005 이상일 때 해당 이미지로 자동으로 변경되어 불러오는 기능이다.
끝.