HTML

<figure> 태그, <figcaption> 태그

자라나라나무나무나 2022. 4. 23. 20:10
HTML <figure> 요소는 독립적인 콘텐츠를 표현합니다. 
<figcaption> 요소를 사용해 설명을 붙일 수 있습니다.
피규어, 설명, 콘텐츠는 하나의 단위로 참조됩니다.

 

<figure>태그는 보통 <figcaption>태그와 함께 쓰인다.

왜냐하면 독립적인 콘텐츠 = 이미지 <pre>태그의 내용 이기 때문에 <figcaption>이 없으면 굳이? 사용을 왜하나

보통 이미지 - 설명 글 - 글쓴이 이렇게 연관이 있는 것을 <figure> 태그로 감싸주고 <figcaption>으로 설명한다.

<blockquote>처럼 들여쓰기가 되어진 상태로 보여진다.

 

 

See the Pen Untitled by Jeong-Dagyeong (@jeong-dagyeong) on CodePen.