HTML 강좌 | Element > figcaption

개요

figcaption은 HTML5에서 추가된 것으로, figure 요소에 캡션을 만듭니다.

문법

<figcaption> ... </figcaption>

figure 요소의 자식 요소이며, 제일 처음 또는 제일 마지막에 위치시킵니다.

예제

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>HTML Reference | figcaption</title>
  </head>
  <body>
    <p>Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.</p>
    <figure>
      <figcaption>First Figure</figcaption>
      <img src="images/img-02.png">
    </figure>
    <p>Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.</p>
    <figure>
      <img src="images/img-02.png">
      <figcaption>Second Figure</figcaption>
    </figure>
  </body>
</html>

브라우저 지원

  • Chrome : 6.0+
  • Firefox : 4.0+
  • Internet Explorer : 9.0+
  • Opera : 11.1+
  • Safari : 5.0+
Category

이 글을 공유하기

Kakao

Book navigation