<dt>: 설명 용어 요소

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<dt> HTML 요소는 설명 또는 정의 목록에서 용어를 지정하며, 반드시 <dl> 요소 안에서 사용해야 합니다. 일반적으로 <dd> 요소가 뒤따르지만, 연속된 여러 <dt> 요소는 모두 다음에 나오는 단일 <dd> 요소에 의해 정의되는 여러 용어를 나타냅니다.

뒤이어 나오는 <dd> (설명 세부사항) 요소는 <dt>로 지정된 용어와 관련된 정의나 기타 관련 텍스트를 제공합니다.

시도해 보기

<p>Please use the following paint colors for the new house:</p>

<dl>
  <dt>Denim (semigloss finish)</dt>
  <dd>Ceiling</dd>

  <dt>Denim (eggshell finish)</dt>
  <dt>Evening Sky (eggshell finish)</dt>
  <dd>Layered on the walls</dd>
</dl>

p,
dl {
  font:
    1rem "Fira Sans",
    sans-serif;
}

dl > dt {
  font-weight: normal;
  font-style: oblique;
}

dd {
  margin-bottom: 1rem;
}

특성

이 요소는 전역 특성만 포함합니다.

예제

예시는 <dl> 요소에 제공된 예제를 참고하세요.

기술 요약

콘텐츠 카테고리	없음.
가능한 콘텐츠	플로우 콘텐츠. 단, `<header>`, `<footer>`, 구획 콘텐츠, 제목 콘텐츠 자손은 불가능.
태그 생략	여는 태그는 필수입니다. 바로 다음 요소가 `<dd>` 또는 `<dt>`거나, 자신이 부모의 마지막 자식이라면 닫는 태그 생략 가능.
가능한 부모 요소	`<dl>` 안의, `<dd>` 혹은 다른 `<dt>` 앞. 또는 (WHATWG HTML에서) `<dl>` 안의 `<div>`.
암시적 ARIA 역할	해당 역할 없음
가능한 ARIA 역할	`listitem`
DOM 인터페이스	`HTMLElement` Gecko 1.9.2(Firefox 4)부터 Firefox는 이 요소에 대한 `HTMLSpanElement` 인터페이스를 구현함.

명세

Specification
HTML # the-dt-element

브라우저 호환성

같이 보기

<dd>, <dl>