<dt>: 설명 용어 요소
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015년 7월.
<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 |
브라우저 호환성
Loading…