테스트 사이트 - 개발 중인 베타 버전입니다

내용 리스트을 표현할때 어떤 방식이 좋을지요?

· 11년 전 · 726 · 14
메인 페이지의 일부 화면에 리스트를 표현할때
이리저리 다 해보지만, 어느것이 가장 효율적일지
계속 마음에 걸리더군요.

예)

<section>
    <h4>타이틀</h4>
    <ul>
       <li>
            <a>제목</a>
            <span>작성자</span>
            <i>작성일</i>
       </li>
    </ul>
</section>

위의 li 안에 가로로 쭈욱 표현해서 사용중인데
이렇게 했를때보다 더 좋은 방법이 있를까요?

아니면 그누님들은 어떻게 사용중이신지 궁금합니다.


댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 14개

감사합니다....(ㅡㅡ)(_ _)
css 쪽는 지운아빠님이 백과사전이세요....^-^
11년 전
<dl>
<dt class="mainTitle">대제목</dt>
<dd>
<ul>
<li class="subTitle">소제목</li>
<li class="txtAuthor">글쓴이</li>
<li class="txtDate">작성일</li>
</ul>
</dd>
</dl>

저는 이렇게 사용하고 있습니다...
유우니얌님, 지운아빠님, 퍼블리셔지노군님 ... 감사합니다..(ㅡㅡ)(_ _)
많은 도움이 되었어요...^-^
지운아빠님이 말씀하신 관점이 제 관점이랑도 부합하네요.
저도 dl은 사전식 정의를 표현하는 목록태그로 인식하고,
게시글쪽은 주로 ul, ol, table을 사용하고 있습니다.

<div class="latest_box" id="notice_lists">
<h2>공지사항 <span class="sound">최근게시물 목록입니다.</span></h2>
<ul class="latest_lists">
<li>
<a href="#" class="latest_subject">글제목</a>
<span class="sound">작성일</span><span class="write_date">2014-03-20</span>
</li>
</ul>
<a href="#" class="btn_more"><img src="/images/btn/btn_more_notice.png" alt="공지사항 게시글 더보기" /></a>
</div>

그누보드 사용을 기준으로 최근게시물 사용시의 예문입니다만..
경우에 따라 구조가 조금씩 달라지긴하겠지만,
대체로 저는 위와 같은 형태를 선호합니다 ㅎ

게시글 목록

번호 제목
6256
6255
6254
19430
6253
6252
27670
6249
6246
6242
6241
19429
6238
6237
19426
19413
19411
6232
6227
6226
6224
19408
6223
6221
6220
27663
6213
6212
27661
27659
6209
6203
6200
27654
6194
6188
6180
6173
6150
19407
6145
6141
6138
6131
27650
6128
6125
6122
27648
6119
6114
6109
19402
6108
27647
6106
27642
27637
6105
6101
6095
6093
6091
6088
27635
27634
6087
27628
6083
6077
24562
27614
6072
6067
6065
19400
19399
19398
19397
6062
27608
6057
27606
19396
6054
27600
6048
6040
6031
6028
6024
27594
27593
6023
6018
19395
19394
19390
19388
19386