본문 바로가기

HTML/HTML

<figure>

반응형

<figure>

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

 

  • 보통 <figure>는 주 문서 플로우가 참조하지만, 다른 부분이나 부록으로 이동해도 문제 없는 이미지, 삽화, 도표, 코드 조각 등을 맡습니다.
  • <figure>는 구획 루트이므로 <figure> 요소의 콘텐츠는 문서의 주 개요에서 제외됩니다.
  • 안에 (처음이나 마지막 자식으로) <figcaption>을 넣어서 설명을 덧붙일 수 있습니다. 제일 처음 <figcaption>을 설명으로 사용합니다.

예제

 

반응형

'HTML > HTML' 카테고리의 다른 글

엔티티 코드(Entity Code)  (0) 2022.02.10
SVG  (0) 2022.02.08
Canvas  (0) 2022.02.07
그리드 시스템  (0) 2022.01.24
SEO (검색엔진최적화)  (0) 2022.01.24