<div> - 일반적인 그룹핑 요소
<p> - 문단 영역의 생성
<ol> - 순서가 있는 목록 영역의 생성
<ul> - 순서가 없는 목록 영역의 생성
<li> - 목록의 아이템
<dl> - 정의형 목록 영역의 생성
<dt> - 정의형 목록의 정의어
<dd> - 정의형 목록의 설명부
<figure> - 도식 요소 영역의 생성

🟡 <figure>

• 이들이 의미적으로 묶여있다는 것은 그냥 눈으로는 해석되는데, 브라우저가 이해하게 할 수는 없습니다. 그런데 HTML5에서는 <figure>, <figcaption> 이 둘을 의미적으로 한쌍으로 묶을 수도 있다
• img, audio, video, iframe, object, embed, table 등과 같은 요소의 제목을 붙일 때 사용, 예를 들면 이미지/비디오 등에 자막(캡션)

  <figure>
    <img src="images/image.jpg" alt="이미지 설명" />
    <figcaption>
      <p>이미지 설명 내용</p>
    </figcaption>
  </figure>

→ figure 태그 안에는 이미지, 비디오, 오디오, 테이블만 들어갈 수 있다.