<dt>
태그의 정의 및 사용법
<dt>
태그는
설명 목록(<dl>
요소를 사용하여 나타냄)에 있는 이름과 이름에 대한 설명으로 구성된 그룹의 이름을 나타내는 태그이며,
<dt>
는 Description Term의 약자로 사용된 것입니다.
여기서 이름은 용어, 정의, 명칭, 주제, 질문 등을 말합니다.
여기서 이름에 대한 설명은 <dd>
태그가 그 역할을 합니다.
<dd>
태그는 설명을 제공할 <dt>
태그 뒤에 위치하지만, 여러 개의 <dt>
를 연속해 배치하면 바로 다음 <dd>
로 한꺼번에 설명을 제공할 수 있습니다.
구문 구조로서의 예제를 참고하세요.
이 태그는 <dl>
요소의 콘텐츠로 사용해야 합니다.
사용 용도로서의 예제
다음은 <dt>
태그의 사용 용도로서의 예제입니다.
<dt>
태그를 설명 목록의 어떤 용도의 이름으로 사용하는지에 대해 쉽게 이해할 수 있습니다.
"용어"나 "정의"를 나타내는 용도의 이름
알아두세요!
<dt>
태그 자체는 <dl>
에 사용될 때 그 내용이 정의되는 용어임을 나타내지 않지만, <dfn>
을 사용하여 이를 나타낼 수 있습니다.
"명칭"을 나타내는 용도의 이름
"주제"를 나타내는 용도의 이름
"질문"을 나타내는 용도의 이름
복합적인 용도의 이름
구문 구조로서의 예제
다음은 <dt>
태그의 구문 구조로서의 예제입니다.
<dt>
태그를 설명 목록에서 어떤 구조의 콘텐츠로 사용하는지에 대해 쉽게 이해할 수 있습니다.
단일 이름과 단일 설명
여러 이름과 단일 설명
단일 이름과 여러 설명
여러 이름과 여러 설명
위 예제들을 결합하여 여러 이름 여러 설명과 연결하는 것도 가능합니다.
이름과 설명을 <div>
태그로 감싸기
명세서에서는 스타일 지정을 돕기 위해 이름(<dt>
요소를 사용하여 표시)과 이름에 대한 설명(<dd>
요소를 사용하여 제공)으로 구성된 그룹을 <div>
태그로 감싸는 것도 좋은 방법이라고 명시하고 있습니다.
<dt>
태그는 <dl>
태그의 자식 요소로 사용되거나, <dl>
태그의 자식 요소인 <div>
태그의 자식 요소로만 사용될 수 있습니다.
주의할 점
<dt>
태그의 콘텐츠로 사용될 수 없는 요소를 확인하세요.
헤더, 푸터와 섹션화된 콘텐츠(Sectioning content) 등의 특정 요소나 제목과 같은 콘텐츠는 포함되지 않아야 합니다.
이러한 요소들은 일반적으로 문서의 섹션을 나타내거나 문서의 구조를 조직화하는 데 사용됩니다.
브라우저 호환성
태그 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
<dt>
|
1 | 12 | 1 | 4 |
명세서
명세서 사양 | |
---|---|
<dt>
|
HTML Standard #the-dt-element |