본문 바로가기
웹표준/HTML5 훑어보기

HTML5 figure, figcaption 엘리먼트(element)

by 샷타이거 2010. 6. 23.

HTML5 figure, figcaption 엘리먼트(element)

이 둘은 새로 등장한 엘리먼트이다. figure 엘리먼트는 그림,사진,일러 코드리스트등과 같이 캡션을 할때 사용한다.


<figure>
 <img src="images/igoogle.gif" alt="구글로고">
 <figcaption>Bubbles at work</figcaption>
</figure>

위의 예제는 구글 로고이미즈를 보여주는사례이다.앞서말했듯이 비디오 역시 가능하다.


<figure>
 <video src="football.mov"></video>
 <figcaption>제작 어쩌고 저쩌고</figcaption>
</figure>

당연하지만 여러그림이 들어 가도 상관없다.


<figure>
 <img src="images/daum.gif" alt="다음">
 <img src="images/naver.gif" alt="네이버">
 <img src="images/google.gif" alt="구글">
 <figcaption>각포탈사이트 :다음,네이버,구글</figcaption>
</figure>

단 figcaption은 figure엘리먼트안에서 바로 다음이나 아니면 맨아래 쓴다.

댓글