HTML Snippet - figure와 figcaption

1. figure 태그

• figure태그는 일러스트레이션, 다이어그램, 사진, 코드 목록 등과 같은 자체 포함 된 콘텐츠를 지정
• figure 태그는 HTML5에서 새로 추가됨
• ie 9.0 이상 지원
• https://developer.mozilla.org/ko/docs/Web/HTML/Element/figure

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

2. figcaption 태그

• figure요소 안에 컨텐츠에 대한 설명을 입력
• figure 태그의 자식 태그
• ie 9.0 이상 지원
• https://developer.mozilla.org/ko/docs/Web/HTML/Element/figcaption

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>