HTML <figcaption>: 독립 콘텐츠 설명 요소

HTML <figcaption> 요소는 부모 <figure> 요소의 콘텐츠에 대한 설명 또는 범례를 제공합니다.

<figure>
  <img src="/assets/plumbing.jpg" alt="복잡한 배관 사진." />
  <figcaption>모범 사례</figcaption>
</figure>
figure {
  background: #fff;
  border: 1px solid #000;
  color: #000;
  max-width: 320px;
  text-align: center;
  padding: 8px;
}
img {
  width: 100%;
}
figcaption {
  font-size: 12px;
}

불러오는 중...

특성

전역 특성만 포함합니다.

예제

<figure> 요소의 예제를 확인하세요.

명세

HTML Living Standard

브라우저 호환성

IEEdgeChromeSafariFirefoxiOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
figcaption
MDN browser-compat-data

같이 보기

  • 독립 콘텐츠 컨테이너: <figure>