HTML5에서 와 태그의 올바른 사용법은?

는 독립적인 콘텐츠를 감싸고, 은 그 콘텐츠의 설명을 제공한다 는 이미지, 도표, 코드 블록 등 독립적인 콘텐츠를 감싸는 시맨틱 태그입니다. 은 내부에서 해당 콘텐츠의 캡션(설명)을 제공합니다. 이 조합은 본문에서 참조되지만 본문 흐름과 독립적인 콘텐츠에 적합합니다.

HTML5에서 <figure>와 <figcaption> 태그의 올바른 사용법은?

보통 MDN Web Docs

보기 및 정답

A <figure>는 독립적인 콘텐츠를 감싸고, <figcaption>은 그 콘텐츠의 설명을 제공한다

B <figure>는 텍스트 문단을 감싸는 태그이며, <figcaption>은 별도의 캡션 태그이다

C <figcaption>은 <figure> 없이 단독으로 사용해야 하며, 이미지 설명에만 사용할 수 있다

D <figure>는 CSS 스타일 전용 태그이며, 시맨틱 의미 없이 레이아웃 구성에만 사용된다

<figure>는 이미지, 도표, 코드 블록 등 독립적인 콘텐츠를 감싸는 시맨틱 태그입니다. <figcaption>은 <figure> 내부에서 해당 콘텐츠의 캡션(설명)을 제공합니다. 이 조합은 본문에서 참조되지만 본문 흐름과 독립적인 콘텐츠에 적합합니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.