<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 |