<figure>, <figcaption> - 이미지 캡션 태그

CODEDRAGON Development/Web, WWW

반응형

 

이미지에 캡션을 붙이는 태그

HTML5에서 추가된 콘텐츠 그룹화 태그(Grouping content Tag)입니다.

태그

설명

<figure>

·       캡션대상을 지정할 때 사용하는 태그

·       이미지, 다이어그램, 비디오, 텍스트 단락과 같은 멀티미디어 요소를 묶어주는 역할

·       태그 안에<img>, <code>태그와 같은 다른 태그도 사용가능

<figcaption>

·       <figure> 태그를 사용하여 지정한 대상에 캡션 설명을 붙일때 사용하는 태그

·       <figcaption>태그는 꼭 사용해야 하는 태그는 아니지만 사용할 때에는 반드시<figure>태그 다음에 사용해야 합니다.

·       <figcaption>없이<figure>태그를 사용하는 것은 미디어가 있다는것을 브라우저에게 알려주는 역할을 합니다.

 

 

<figure>

        캡션을 붙일 요소

</figure>

<figcaption>

        표시할 내용

</figcaption>

 

 

'Development > Web, WWW' 카테고리의 다른 글

셀 합치기(셀 확장) - 열(TR)과 행(TD)의 확장  (0) 2015.12.24
테이블의 크기  (0) 2015.12.23
프레임(frame)  (0) 2015.12.23
글자크기 지정 태그  (0) 2015.12.22
글꼴의 형식변경  (0) 2015.12.22