설명 목록

정의 목록은 한 쌍을 이룬 용어와 설명을 그룹 짓는 역할을 한다.

요소

용어 설

설명

<dl>

설명목록(Description List)

용어와 설명 묶어주는 그룹 역할을 한다.

<dt>

용어(Description Term)

내부에 해당하는 용어를 한다.

<dd>

설명(Description Description)

용어를 설명하는 역할을 한다.

특징

  • <dt>는 인라인 요소이며, <dd>는 블럭 요소이다.

  • <dd>는 바뀌는 값이 아닌 이미 설명이 정해져 있는 경우에만 사용한다.

  • 스크린리더는 <dt>, <dd>가 한 쌍을 이룰 때 가장 정확게 읽어낸다. 그렇기 때문에 제목과 데이터가 1:1로 쌍을 이룰 때만 사용하는 것을 권장한다.

  • 하나의 <dt>에 두 개 이상의 <dd>를 사용해도 문법에 오류는 없지만 요소 사용이 적합한 구조인지 점검하는 것이 좋다.

  • <dt>, <dd> 요소를 하나 이상 감싸는 <div> 요소를 <dl> 내부에 구성할 수 있다. 참고로 <dl> 내에 사용 되는 <div> 요소는 하나 이상의 <dt>, <dd>를 감싸는 용도로만 사용할 수 있. 그리고 <div>와 <dt>, <dd> 요소는 형제 노드여서는 안된다.

예시 

<body>
  <dl>
    <dt>용어의 제목</dt>
    <dd>용어의 설명</dd>
  </dl>
</body>
<!----------------->
<dl>
 <dt> Authors
 <dd> John
 <dd> Luke
 <dt> Editor
 <dd> Frank
</dl>   
<!----------------->
<dl>
 <dt> Last modified time </dt>
 <dd> 2004-12-23T23:33Z </dd>
 <dt> Recommended update interval </dt>
 <dd> 60s </dd>
 <dt> Authors </dt>
 <dt> Editors </dt>
 <dd> Robert Rothman </dd>
 <dd> Daniel Jackson </dd>
</dl>

참고

Previous목록 요소Next순차/ 비순차 목록

Last updated