HTML/HTML
<figure>
zㅣ도닝
2022. 4. 8. 14:29
반응형
<figure>
<figure> 요소는 독립적인 콘텐츠를 표현합니다. <figcaption> 요소를 사용해 설명을 붙일 수 있습니다. 피규어, 설명, 콘텐츠는 하나의 단위로 참조됩니다.
- 보통 <figure>는 주 문서 플로우가 참조하지만, 다른 부분이나 부록으로 이동해도 문제 없는 이미지, 삽화, 도표, 코드 조각 등을 맡습니다.
- <figure>는 구획 루트이므로 <figure> 요소의 콘텐츠는 문서의 주 개요에서 제외됩니다.
- 안에 (처음이나 마지막 자식으로) <figcaption>을 넣어서 설명을 덧붙일 수 있습니다. 제일 처음 <figcaption>을 설명으로 사용합니다.
예제
반응형