220504

<figure>태그
: 삽화, 다이어그램, 사진 등 문서의 주요 흐름과는 독립적인 콘텐트를 정의.
문서의 내용과는 연관성을 가지나 콘텐츠의 위치가 문서의 주요 흐름과는 독립적이어서 제거해도 문서의 흐름에 영향을 주어서는 안됨.

 

그림 등의 콘텐츠를 표현하는 태그이지만 <img> 태그처럼 src, alt 등은 사용할 수 없고 이미지를 렌더링 하지도 않는다.

사용법은 <figure>태그로 이미지를 감싸고 설명이 필요할 경우 <figcaption> 태그로 설명을 달면 됨.

 

ex)

<figure>
    <img src="이미지주소" alt="이미지 대체 텍스트">
    <figcaption>이미지에 대한 설명</figcaption>
</figure>

<figcaption> 태그
: figure 요소를 위한 캡션을 정의할때 사용. figure 태그의 첫번째 또는 마지막 자식으로 하나만 사용할 수 있음.