본문 바로가기
웹/HTML & CSS

[HTML] dl, dt, dd

by 느링 2019. 1. 14.

설명하는 키(key)와 값(value)이 쌍으로 구성되는 콘텐츠라면 설명 목록 요소들 (dl, dt, dd)을 사용해 구조화하는 것이 좋습니다.


<dl> 설명 목록 Description Lists


<dt> 용어 Definition Term


<dd> 설명 Definition Description




ex)

 <dl>

    <dt>워런티</dt>

    <dd>

      <img src="images/additional-info-icon-warranty-mo.png" alt="warranty" title="warranty" width="48" height="48">

      <p>제품 등록 후 보증 정보를 확인하세요.</p>

      <a href="">더 보기</a>  

    </dd>

  </dl>

' > HTML & CSS' 카테고리의 다른 글

[CSS] 2D Transforms (rotate, scale, translate, skew)  (0) 2019.01.21
[HTML] 텍스트 관련 태그들  (0) 2019.01.15
[HTML] figure & caption  (0) 2019.01.14
[HTML] form & get/post 방식  (0) 2018.08.13
[HTML & CSS] 레이아웃 구분  (0) 2018.05.08