[HTML] 정의 리스트

dl 태그

• 사용 용도
  • 용어를 정의할 떄
  • key - value로 정보를 제공할 때
• dt, dd, div 만 직계 자손으로 씀
• dt
  • key 부분에 해당
  • 용어에 해당
• dd
  • value 부분에 해당
  • 용어 설명에 해당
• dfn
  • 사전처럼 의미를 좀 더 구체적으로 정의를 내리고 싶을 때 사용함

 

<!-- ex.2 -->
<dl>
    <dt>김버그</dt>
    <dd>주니어 개발자의 성장 드라마를 다루는 유튜브 채널입니다.</dd>
</dl>


<!-- ex.2 -->
<dl>
    <dt>
        <dfn>developemnt</dfn>
    </dt>
    <dd> 1. 발달, 성장 </dd>
    <dd> 2. 개발; 신개발품 </dd>
</dl>


<!-- ex.3 -->
<dl>
    <dt>김버그</dt>
    <dt>kimbug</dt>
    <dd>주니어 개발자의 성장 드라마를 다루는 유튜브 채널입니다.</dd>
</dl>


<!-- ex.4 -->
<dl>
    <dt>김버그</dt>
    <dd>주니어 개발자의 성장 드라마를 다루는 유튜브 채널입니다.</dd>
    <dd>
        <a href ="www.naver.com">네이버</a>
    </dd>
</dl>


<!-- ex.5 -->
<dl>
    <dt>김버그</dt>
    <dt> kimbug</dt>
    <dd>주니어 개발자의 성장 드라마를 다루는 유튜브 채널입니다.</dd>
    <dd>
        <a href ="www.naver.com">네이버</a>
    </dd>
</dl>


<!-- ex.6 -->
<dl>
    <div>
        <dt>사과</dt>
        <dd>사과에 대한 정의</dd>
    </div>
    <div>
        <dt>바나나</dt>
        <dd>바나에 대한 정의</dd>
    </div>
</dl>