반응형
<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 |