HTML <figure> 태그 : 선택 캡션 그림 태그(Figure with optional caption)

<figure> HTML 태그는 주석을 그림, 다이어그램, 사진, 코드 목록등 같은 독립적 인 컨텐츠를 지정합니다
<figure> 내용에 대한 설명을 제공 할 <figcaption> 함께 <figure> 태그를 사용할 수 있습니다.
이미지와 캡션을 하나의 그룹으로 묶어주는 태그
<figure>
<figcaption>샘플이미지<figcaption>
<img src="/images/sample.png" alt="샘플이미지입니다.">
</figure>

HTML5에서 새로 추가된 태그 입니다.

<figure> 태그 예제

					
					
<html>
 <head>
    <title>html figure 태그 예제샘플</title>
 </head>
 <body>
   <h1>figure 태그의 예제샘플입니다</h1>
   <p>

    <figure>
      <img src="/images/img_tst.gif" alt="images 1">
      <img src="/images/img_tst.gif" alt="images 2">
      <figcaption>
        과일 사과 레포트
        사과는 장미 종 맬 러스 domestica, 사과 나무의 pomaceous 과일입니다
      </figcaption>
    </figure>

</body>
</html>

					
					

[예제 결과보기및 소스코드 수정하기]

<figure> 관련 태그


 


WRITTEN BY
white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.

,