HTML <figure> 요소는 독립적인 콘텐츠를 나타냅니다. 선택적으로 <figcaption>을 사용해 설명을 제공할 수 있습니다.

불러오는 중...

<figure>
  <img src="/gen/plumbing.jpg" alt="복잡한 배관 사진." />
  <figcaption>모범 사례</figcaption>
</figure>

특성

전역 특성만 포함합니다.

사용 일람

  • <figure>는 이미지, 삽화, 도표, 코드 조각 처럼, 문서의 주요 맥락에서 참조하지만 다른 위치나 부록으로 이동해도 영향을 주지 않는 부분을 표현합니다.
  • <figcaption> 요소를 <figure>의 처음 또는 마지막 자식으로 포함해서 설명을 나타낼 수 있습니다. 복수의 <figcaption>이 존재하는 경우 가장 처음의 <figcaption><figure>의 설명으로 취급합니다.

명세

HTML Living Standard

브라우저 호환성

IEEdgeChromeSafariFirefox
91285.14
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
5지원지원4지원
MDN BCD에서 가져오는 데이터입니다.

같이 보기

마지막 업데이트:
이 페이지를 오프라인에서 볼 수 있습니다.

sorto.me

CC BY-SA 4.0

based on MDN (contributors)