[html] <dd>, <dl>, <dt> 태그란? (정의 및 사용법)

<dl>

• Description-list
• 용어를 설명하는 목차를 넣을 때

 

<dt>

• Description-term
• 용어의 제목을 넣을 때

 

<dd>

• Description-description
• 용어를 설명하는 내용을 넣을 때

 

---

사용하는 이유

• 메타데이터 표시함.
• 대상을 설명 및 설명함.

---

사용시 주의사항

• <dl>은 반드시 하나 이상의 <dt>~<dd> 짝을 담고 있어야 함.
• <dt>,<dd>는 <dl> 밖에서 독립적으로 사용할 수 없음.
• <dt>는 하나 이상의 <dd>를 형제 요소로 가질 수 있음 (예) dt-dd-dd)
• 하나 이상의 <dt>가 연속으로 나올 수 있음. (예) dt-dt-dd)
• <div>는 <dt>~<dd> 감쌀 때 쓸 수 있지만, <dt>-<dd>의 형제 요소여서는 안됨.

---

사용예시

<dl>
  <dt>나의 이름 뜻</dt>
  <dd>홍길동 : </dd>
  <dd>홍길동 처럼 정의로는 사람이 되라는 뜻입니다.</dd>
</dl>