정의 목록(Definition List)은 다른 종류의 목록과 비슷하지만, 각 항목이 두 개의 요소로 구성된다는 점이 다릅니다. 바로 용어(term)와 그에 대한 설명(description)입니다.
HTML에서는 다음 세 가지 태그를 함께 사용하여 정의 목록을 만듭니다.
- <dl> : 정의 목록 전체를 감싸는 컨테이너 태그입니다.
- <dt> : 정의할 용어(definition term)의 시작을 나타냅니다.
- <dd> : 해당 용어에 대한 설명이나 정의 내용을 작성합니다.
예제
아래 코드를 실행하면 HTML 문서에서 정의 용어가 포함된 정의 목록이 화면에 출력되는 것을 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML dt Tag</title> </head> <body> <dl> <dt>Understanding Definition List</dt> <dd>A list of terms and their definitions/descriptions.</dd> <dt>JAVA</dt> <dd>Tutorial on JAVA Programming Language.</dd> <dt>Android</dt> <dd>Tutorial on Android Operating System.</dd> </dl> </body> </html>
실행 결과
브라우저에서 위 코드를 실행하면 용어는 기본 텍스트 스타일로, 설명은 들여쓰기 처리되어 표시됩니다. 이러한 구조는 용어집, FAQ, 개념 설명 등을 문서화할 때 매우 유용하게 활용됩니다.