📝 HTML
<figure>
: 캡션이 적용되는 범위를 지정하는 태그로 대부분 이미지를 감싸는 용도로 사용
<figcation>
: <figure> 태그 안에 <img> 태그를 배치시키고, 이미지에 대한 설명을 담은 캡션은 <figcaption> 태그를 사용
📝 예시
EX)
<body>
<div>
<h1>하나의 요소에 대한 설명</h1>
<figure>
<img src="sun_night.jpg" title="선유도 야경"/>
<figcaption>
<strong>선유도 야경</strong> - 선유도는 밤마다 무지개로 변한다.
</figcaption>
</figure>
</div>
<div>
<h1>여러 요소에 대한 설명</h1>
<figure>
<img src="spring.jpg" title="봄" />
<img src="summer.jpg" title="여름" />
<img src="autumn.jpg" title="가을" />
<img src="winter.jpg" title="겨울" />
<figcaptin>
<b>우리나라의 사계절</b> - 봄, 여름, 가을, 겨울
</figcaptin>
</figure>
</div>
</body>