HTML에서 정의 목록(Definition List)을 추가하려면 <dl> 태그를 사용합니다. HTML의 <dl> 태그는 정의 목록을 선언할 때 사용되며, 목록 안에는 용어를 나타내는 <dt>(Definition Term) 태그와 해당 용어에 대한 설명을 나타내는 <dd>(Definition Description) 태그가 함께 사용됩니다.
정의 목록은 일반적인 순서 없는 목록이나 순서 있는 목록과 비슷하지만, 각 항목이 두 개의 요소로 구성된다는 점이 다릅니다. 즉, 하나의 용어(term)와 그에 대한 설명(description)이 한 쌍을 이루어 표현됩니다.
예제
아래 코드를 실행하면 HTML5에서 정의 목록을 어떻게 정의하는지 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML dl Tag</title> </head> <body> <dl> <dt>Definition List</dt> <dd>용어와 그 정의/설명으로 이루어진 목록입니다.</dd> <dt>Android</dt> <dd>Android 튜토리얼입니다.</dd> <dt>Ruby</dt> <dd>Ruby 튜토리얼입니다.</dd> </dl> </body> </html>
위 예제에서 <dt> 태그는 'Android', 'Ruby'와 같은 용어를 정의하고, 바로 뒤따르는 <dd> 태그가 해당 용어에 대한 설명을 담당합니다. 이처럼 정의 목록은 용어 사전, FAQ, 메타데이터 표시 등 용어와 설명을 짝지어 보여줘야 하는 콘텐츠에 유용하게 활용할 수 있습니다.