figure element - by. UXKM

figure element 설명

<figure> 요소는 독립적인 콘텐츠를 표현합니다.
흔히 설명(<figcaption>)과 함께 사용되며, 보통 단일적으로 참조됩니다.

  1. 보통 <figure>는 주 문서에 영향을 주지 않으면서 다른 부분이나 부록으로 옮길 수 있는, 주 문서에서 참조하는 사진, 도표, 삽화, 오디오, 비디오, 코드 등입니다.
  2. <figure>는 섹션 루트로, 안쪽 내용은 주 문서의 내용에서 배제됩니다.
  3. 안에 (첫번째나 마지막 자식으로)<figcaption>을 넣어서 설명을 <figure> 요소와 연관지을 수 있습니다.
  4. <figure><aside> 차이

    내용이 단순히 관련되어(느슨하게) 있고, 필수적인 내용이 아니면 <aside>

    내용이 직접적인 관련이 있지만, 문맥상 그것의 위치가 중요하지 않으면 <figure>

이미지 삽입 코드 예제

코드 삽입 코드 예제

인용문 삽입 예제

중첩 예제