<HTML5+CSS3> 이미지 파일에 캡션 붙이기

<figure>태그 - 캡션 대상 지정하기

이미지에 캡션을 붙이기 위해서는 2개의 태그가 사용된다. 

1.<figure>태그를 사용해 캡션을 붙일 대상을 지정. ex)이미지,오디오,비디오 같은 미디어 파일 or 텍스트 단락 or 여러개의 미디어를 하나의 <figure>태그로 묶을 수 있다.( 하나의 캡션을 표시 가능)

eX)<figure>

캡션을 붙일 요소

</figure>

%<img>태그와 <figure>태그의 차이점

-<img> 태그는 인라인 태그라서 여러 개의 <img>태그를 사용하면 계속해서 오른쪽에 표시 되지만,<figure>태그는 한줄에 하나의 figure요소를 표시한다.

<figcaption>태그 - 캡션 설명 붙이기

2.<figure>태그를 사용해 캡션을 붙일 대상을 묶어 놓았다면 <figcaption>태그를 사용해 캡션을 붙을 수 있다.

<figcaption>에 대한 스타일만 조절하면 적절한 캡션을 표시할 수 있다.

eX)<figcaption>내용 </figcaption>

%단순히 이미지를 묶어서 표시하고 싶다면 <div>태그를 사용한다.