목차
- <dd> 예제 - 설명항목의 세부설명
- <dd> 정의
- <dd> 구문
<dd> 예제 - 설명항목의 세부설명
<dl>
<dt>HTML</dt>
<dd>홈페이지 기본 골격</dd>
<dt>CSS</dt>
<dd>홈페이지 피부 의상</dd>
</dl>
<dd> 정의
설명 목록(= dl)에서 각 설명 항목(= dt)의 세부 설명을 지정.
1.
- <dd> : Definition Description (정의 설명) 약자
- <dt>와<dd> 수평으로 나란히 배치하려면, <dt> 요소에 float:left 속성 적용.
- <dt> 태그 하나 당 <dd> 태그 여러 개 사용 괜찮으나, <dt> 태그 개수가 <dd> 태그 개수보다 많으면 안 됨.
2. 함께 사용하는 태그
3. HTML4.01 vs HTML5 쓰임새 비교
- HTML4.01 - <dd> 태그가 정의 목록 (definition list)에서 개별 정의 항목의 세부 내용을 기술.
- HTML5 - 설명 목록 (description list)의 개별 항목의 세부 내용을 설명할 때 사용 됨.
4.
시작태그와 종료태그로 구성
<dd> 구문
<dl>
<dt>설명이 필요한 항목</dt>
<dd>세부 설명</dd>
<dt>설명이 필요한 항목</dt>
<dd>세부 설명</dd>
</dl>