dl, dt, dd

HTML_정의 목록_dl, dt, dd

 

<dl> definition list or description list (정의목록, 설명목록) 
HTML <dl> 요소는 설명 목록을 나타냅니다. 

<dl>은 <dt>로 표기한 용어와 <dd> 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다.
주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다. 

(dt- description or definitioin term / dd- definition description)

→하나의 용어에 하나의 설명
→여러개의 용어에 하나의 설명
→하나의 용어와 여러 개의 정의
dt를 여러개 사용할 수도 있고,  dd를 여러개 사용할 수도 있다. (dd는 자동으로 웹브라우저에 들여쓰기가 나타나진다.)
→ 이름-값 그룹을 <div>로 감싸서 사용 할 수 있다.
→ <dt>,<dd> 형제로 <div>를 사용할 수 없다. (<dl> 안에 <div> 가 여러개 들어가서 묶을 수 있다.)
<dl>
   <div>
       <dt> dkfjkd < /dt>
       <dd> dkdfdf < /dd>
   </div> 

</dl> 처럼은 가능하나, 

 

<dl>
       <dt> dkfjkd < /dt>
       <dd> dkdfdf < /dd>
       <div> ddd < /div> → 이렇게 아래 형제태그로 사용불가능! 주의할것 ※
 </dl> 

→ 아래와 같이 설명목록 태그를 사용한다.! 
<dd> 태그는 자동으로 들여쓰기되서 웹브라우저에 표현됨.