HTML의 <dd> 태그는 설명 목록(Description List)에서 특정 용어에 대한 설명이나 세부 내용을 정의할 때 사용됩니다. 'Description Details'를 의미하는 이 태그는 <dl>(설명 목록 전체)과 <dt>(용어)와 함께 세트로 사용됩니다.
기본 구조는 다음과 같습니다. <dl> 태그가 전체 목록을 감싸고, <dt> 태그가 용어를 정의하며, 그 아래 <dd> 태그가 해당 용어에 대한 설명을 담습니다. 브라우저에서는 <dd> 요소의 텍스트가 자동으로 들여쓰기되어 표시됩니다.
또한 하나의 <dt>에 여러 개의 <dd>를 연결할 수 있으며, <dd> 안에는 문단, 이미지, 링크 등 다양한 콘텐츠를 포함할 수 있습니다.
예제
<!DOCTYPE html>
<html>
<body>
<h2>학습할 주제</h2>
<dl>
<dt>JavaScript</dt>
<dd>스크립팅 언어입니다.</dd>
<dt>Java</dt>
<dd>프로그래밍 언어입니다.</dd>
<dt>jQuery</dt>
<dd>JavaScript 라이브러리입니다.</dd>
<dt>C#</dt>
<dd>객체 지향 프로그래밍 언어입니다.</dd>
</dl>
</body>
</html>출력 결과
위 예제를 실행하면 각 프로그래밍 언어 이름(<dt>) 아래에 해당 설명(<dd>)이 들여쓰기된 형태로 나타나는 것을 확인할 수 있습니다. <dd> 태그는 모든 주요 브라우저에서 지원되므로 호환성 걱정 없이 사용할 수 있습니다.