HTML에서 용어집(glossary) 정의를 추가하려면 <dl> 태그를 사용합니다. HTML의 <dl>(Definition List) 태그는 정의 목록을 선언할 때 사용되며, 목록을 구성하는 개별 항목은 <dt> 태그와 <dd> 태그로 작성합니다.
정의 목록은 일반적인 목록과 비슷하지만, 한 가지 중요한 차이점이 있습니다. 바로 각 항목이 두 개의 요소, 즉 용어(term)와 설명(description)으로 구성된다는 점입니다.
정의 목록을 구성하는 주요 태그
- <dl>: 정의 목록 전체를 감싸는 컨테이너 역할을 합니다.
- <dt>(Definition Term): 정의하고자 하는 용어를 나타냅니다.
- <dd>(Definition Description): 해당 용어에 대한 설명이나 정의를 나타냅니다.
예제
아래 코드를 실행하면 <dl> 태그를 활용한 정의 목록이 어떻게 표시되는지 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML dl Tag</title> </head> <body> <dl> <dt>Definition List</dt> <dd>용어와 그에 대한 정의 또는 설명을 담고 있는 목록입니다.</dd> <dt>HTML</dt> <dd>웹 페이지의 구조를 만드는 마크업 언어에 대한 튜토리얼입니다.</dd> <dt>PHP</dt> <dd>서버 측 웹 개발에 널리 쓰이는 스크립트 언어에 대한 튜토리얼입니다.</dd> </dl> </body> </html>