CSS 웹 레이아웃에서 일반적으로 사용되는 DIV 목록 요소 ul ol li dl dt dd 설명, 블록 수준 요소 div는 테이블과 마찬가지로 중첩이 적을
수록 목록 순서가 더 좋습니다.
<올>
<li>…</li>
<li>…</li>
<li>…</li>
</ol>
성능:
1......
2…
3…
<ul>
대신 큰 점이 표시됨)
<li>…</li>
<li>…</li>
</ul>
dl 콘텐츠 블록
의 사용을 무시하는 경향이 있습니다.
dt 콘텐츠 블록의 제목
dd의 내용은 다음과 같이 작성할 수 있습니다:
<dl>
<dt>제목</dt>
<dd>콘텐츠 1</dd>
<dd>내용 2</dd>
</dl>
ol ul li 및 p는 dt 및 dd에 추가될 수 있습니다.
이를 이해하고 나면 div 레이아웃을 사용하는 것이 훨씬 더 편리해집니다. W3C에서는 레이아웃을 지원하는 많은 요소를 제공합니다.
dl, dt, dd 설정에는 height(높이)와 line-height(라인 높이)를 사용하지 않는 것이 좋습니다. IE와 FF의 적응 여부로 인해 FF에서 정렬 오류가 발생할 수 있으므로 사용하지 않는 것이 좋습니다. 위치 지정을 위해 dt 및 dd의 패딩 속성을 사용하십시오!