매력적인 이미지 설명을 위한 HTML figcaption 태그 활용 방법

FIGCAPTION 태그란?

<figcaption> 태그는 figure caption의 약자입니다. <figure> 태그와 함께  HTML5에서 도입되었습니다. 이미지, 동영상 같은 미디어가 어떤 것인지 설명하는 태그입니다. <figure> 하위 태그로 활용됩니다.

 

활용법

<figure>
  <img src="image.jpg" alt="이미지">
  <figcaption>이미지 캡션</figcaption>
</figure>

• figcaption 태그는 열고 닫아야 하는 태그입니다
• <figcaption>과 </figcaption> 사이에 설명하는 텍스트를 입력합니다

 

예시

See the Pen figcaption by 40's Programmer (@40sProgrammer) on CodePen.

고양이 이미지 하단에 설명하는 캡션이 잘 붙는 것을 확인할 수 있습니다.