..

Search

<dl>

HTML <dl> 태그


정의 및 특징

<dl> 태그는 용어(term)와 그에 대한 설명(description)을 리스트 형식으로 정의할 때 사용합니다.

 

<dl> 요소는 용어(term)나 이름(name)을 나타내는 <dt> 요소와 해당 용어에 대한 설명을 나타내는 <dd> 요소로 구성됩니다.


예제
<dl>
    <dt>호박</dt>
    <dd>- 박과의 한해살이 덩굴성 채소</dd>
    <dt>상추</dt>
    <dd>- 국화과의 한해살이 또는 두해살이풀</dd>
</dl>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<dl> 지원함 지원함 지원함 1.0 지원함 지원함

HTML5에서 변경된 사항

HTML 4.01에서 <dl> 태그는 정의 리스트(definition list)를 정의할 때 사용했었지만, HTML5에서는 설명 리스트(description list)를 정의할 때 사용됩니다.


CSS 기본값

dl {

  display: block;

  margin-top: 1em;

  margin-bottom: 1em;

  margin-left: 0;

  margin-right: 0;

}


DOM 인터페이스

interface HTMLDListElement : HTMLElement {};


연관 페이지

HTML 리스트 수업 ⇒


연습문제