<HTML5> 6강 dl, dt, dd 정의형 목록태그

<dl> 

- definition lists 의 약자

- block level element 이다.

 <dl> 태그의 직계 자손은  <dt>, <dd>만 올 수 있다.

- 키워드와 설명으로 구성되는 정의형 목록의 범위를 생성한다.

- 용어 설명에 적합한 태그이다. 

 

<dt>

- definition term의 약자

- 목록의 제목을 나타낸다.

- <dt>요소는 inline요소만 사용 가능하다.

- <dl>태그안에서만 사용될뿐 

- <dt>는 여러개가 와도 상관이 없다.

 

<dd>

- definition description의 약자

- <dt>를 설명하는 태그이다.

- <dt>, <dd> 순서는 상관없다.  계층으로 보면 dt = dd

- 블럭요소 인라인요소 모두 갖을 수 있다.

- default 값으로 40px 들여쓰기가 되어 있다. 

- <dl>태그안에서만 사용된다. 

- <li>태그와 같은 성질을 가지고 있다  .

 

<ol>, <ul> 태그와 과 <dl> 태그와의 차이점

 

중요한 목록안에 서브로 사용할 수 있는 목록 태그.

실무에서 웹접근성에 중요한 리스트를 <ul> 태그로 나타낸다면 보다 중요하지 않은 리스트에 사용함으로써 웹접근성을 향상 시킨다.