설명하는 키(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 |