#0001
이름-값 UI에는 HTML `<dl>`을 쓰자
Use HTML `<dl>` for Name-Value UI Patterns
40radar
이름-값 쌍을 나열하는 UI는 div 반복보다 <dl>이 더 정확하다. 편의시설, 청구 항목, 스펙 표시에 바로 적용할 수 있는 작은 마크업 습관.
<dl>은 이름-값 쌍 목록을 의미적으로 표현하는 HTML 요소. 용어집 전용 태그가 아니다.- 편의시설, 청구 항목, 기술 용어집처럼 라벨과 값이 반복되는 UI에 맞는다.
- 이름은
<dt>, 값은<dd>로 나누면 커스텀 구조 없이도 의미가 살아난다.
출처: news.hada.io/topic?id=29821원문 보기 →