dl, dt, dd 의 관계 / h1~h6 정리

dl, dt, dd 의 관계

• <dl>은 반드시 하나 이상의 <dt>-<dd> 짝 담아야 함
• <dt>,<dd> 는 <dl> 밖에서 독립적으로 사용X
• 단, <dt>-<dd>가 반드시 하나의 짝으로 지어져야 되는 것은 아님
  - 그래서 <dt>는 하나 이상의 <dd>를 형제 요소 가능 (ex) dt-dd-dd
  - 그래서 하나 이상의 <dt>가 연속 가능. (ex) dt-dt-dd
• <div>는 <dt>-<dd> 쌍을 감쌀 때 쓸 수 있지만, <dt>-<dd>의 형제 요소여서는 불가능!!
• <dl>은 공백이 아닌 텍스트 노드와 <div>,<dt>,<dd>가 아닌 요소를 포함 불가능!!

 

<dl>
  <dt></dt>
  <dd></dd>
</dl>
---------------------------
<dl>
  <dt></dt>
  <dd></dd>
  <dt></dt>
  <dd></dd>
</dl>
---------------------------
**예외적으로 가능**
<dl>
  <div>
    <dt></dt>
    <dd></dd>
  </div>
 </dl>
---------------------------
 //이렇게는 불가함
 <dl>
  <div>
    <dt></dt>
    <dd></dd>
    <dt></dt>
    <dd></dd>
  </div>
 </dl>

• dl 밑에는 dt , dd 를 제외한 다른 유형의 태그 불가능
• dt 내부에 div태그는 불가능/   p, span, layber등은 가능
• dd 내부에는 div 및 기타태그 가능

 

 h1~h6 정리

• h1는 문서작성시 반드시 한번만 사용
• h2~h6은 같은 레벨의 제목이라면 중복사용 가능
• id, class, style 속성 가능
• h1 -> h2 순으로 중요도에 따라 사용