정의 리스트 태그

dl

- description list의 약자입니다.

- 정의 리스트를 만들 때 사용합니다. (ul, ol과 똑같습니다.)

- 은근 많이 사용됩니다.

- 정의를 설명할 때 사용합니다. (사전에서 용어에 대한 정의를 설명할 때)

- key-value로 정보를 제공할 때 사용합니다. {key: value} (이거는 이거고, 저거는 저거야 할 때 아주 유용합니다.)

※ dl의 자식은 div, dt, dd 뿐입니다.

 

dt 

- description term의 약자입니다.

- key-value에서 key 역할을 합니다.

- 이때 '정의'의 의미를 강조하고 싶을 때 <dfn>으로 감싼다음 <dt>로 감싸주면 됩니다.

<dt><dfn>development</dfn></dt>

 

dd

- description data의 약자입니다.

- dt의 용어를 설명하고, key-value에서 value 역할을 합니다.

 

※ 여러 가지 용어를 설명할 때, 같은 것끼리 그룹핑되도록 <div> 태그로 묶어줄 수 있습니다.

 

실습 파일 01: Description/good.html

실습 파일 02: Description/bad.html