[list] HTML - <dd> 태그 ★ - 설명리스트의 설명항목 내용 (= dd태그 = 디디태그) ※ (정의리스트/데이터리스트)의 설명부분

1. <dd> 예제 - 설명항목의 세부설명
2. <dd> 정의
3. <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. 함께 사용하는 태그

• <dl> 태그 : 설명 리스트 선언.
• <dt>태그 : 각 개별 항목의 용어.
• <dd>태그 : 각 개별 항목의 설명.

 

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>