본문 바로가기
STORAGE/HTML

<dl>, <dt>, <dd> 태그

by _wavy 2023. 2. 13.

정의 목록

목록을 나타내는 태그 중 <dl>, <dt>, <dd> 태그는 설명이 필요한 항목들을 목록으로 정의할 때 사용된다.

  • `<dl>`: description list(설명, 서술 목록). 제목과 설명이 한 쌍으로 이루어진 목록을 생성한다.
  • `<dt>`: description term(용어의 제목).제목을 정의한다.
  • `<dd>`: description details(용어 설명). 제목에 대한 구체적인 설명을 정의한다.

<ul>, <ol>과의 비교

`<ul>`, `<ol>` + `<li>`은 항목들의 단순한 목록을 나타내고, `<dl>`은 용어와 설명의 한 쌍으로 이루어진 목록을 나타낸다.

사용 예시

<dl>
  <dt>용어1</dt>
  <dd>설명</dd>
  <dt>용어2</dt>
  <dd>설명</dd>
  <dt>용어3</dt>
  <dd>설명</dd>
</dl>

'STORAGE > HTML' 카테고리의 다른 글

Emmet(에밋) 스터디북  (0) 2023.05.17
input type="submit"과 button의 차이  (0) 2023.03.10
인용 태그  (0) 2023.03.04

댓글