[HTML5] <dl> tag - definition list (정의 목록)

<dl> tag는 <ol>, <ul>과 유사한 리스트를 정의하는 태그이다.

차이는 <ol>, <ul>의 경우 일반적으로 사용하는 순번 혹은 비 순번 리스트에 적용하는 반면, <dl>의 경우 사전처럼 특정 용어나 단어를 설명하는 리스트에 적용한다.

사용법은 다음과 같다.

<dl>
  <dt>description list</dt>
  <dd>특정 용어나 단어를 설명하는 리스트</dd>
</dl>

<dt>는 definition term(정의 용어) 즉, 용어 혹은 단어를 기입한다.

<dd>는 definition description(정의 설명) 즉, 해당 용어 혹은 단어에 대한 설명을 기입한다.

<dl> tag 출력

 

위의 출력 예를 보면 <dd>의 들여쓰기를 제외하면 특별한 특징을 발견하기 어렵다.

다만 시멘틱 태그를 적극적으로 사용하는 것이 SEO에 유리하기 때문에 용어를 정의 할때도 다른 리스트와 구분될 수 있도록 태그를 선별하는 것이 바람직 할 것이다.