메인 페이지의 일부 화면에 리스트를 표현할때
이리저리 다 해보지만, 어느것이 가장 효율적일지
계속 마음에 걸리더군요.
예)
<section>
<h4>타이틀</h4>
<ul>
<li>
<a>제목</a>
<span>작성자</span>
<i>작성일</i>
</li>
</ul>
</section>
위의 li 안에 가로로 쭈욱 표현해서 사용중인데
이렇게 했를때보다 더 좋은 방법이 있를까요?
아니면 그누님들은 어떻게 사용중이신지 궁금합니다.
댓글 14개
지운아빠님이 말씀하신 관점이 제 관점이랑도 부합하네요.
저도 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>
그누보드 사용을 기준으로 최근게시물 사용시의 예문입니다만..
경우에 따라 구조가 조금씩 달라지긴하겠지만,
대체로 저는 위와 같은 형태를 선호합니다 ㅎ
저도 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>
그누보드 사용을 기준으로 최근게시물 사용시의 예문입니다만..
경우에 따라 구조가 조금씩 달라지긴하겠지만,
대체로 저는 위와 같은 형태를 선호합니다 ㅎ
게시글 목록
| 번호 | 제목 |
|---|---|
| 211 |
퍼블리셔
디자이너 지만 질문요
6
|
| 198 | |
| 191 | |
| 180 |
퍼블리셔
그누보드 vs 나의 퍼블리싱
10
|
| 177 | |
| 169 | |
| 160 | |
| 150 | |
| 133 | |
| 119 | |
| 104 |
퍼블리셔
j-query 사용은 올바른가?
14
|
| 87 | |
| 79 | |
| 71 | |
| 65 |
퍼블리셔
퍼블리셔가 다뤄야 할 영역은?
5
|
| 53 |
퍼블리셔
신입 퍼블리셔 연봉은 얼마?
11
|
| 39 |
퍼블리셔
사이트를 제작하려고 합니다
13
|
| 34 |
퍼블리셔
사이트 제작해볼려구요
4
|
| 23 | |
| 16 |
퍼블리셔
이경우 어떻게 해야할까요??
6
|
| 13 |
퍼블리셔
우왕..퍼블리셔도 생겼네요~
2
|
| 12 |
퍼블리셔
이뻐요^^
|
| 8 |
퍼블리셔
저는 디자이너 이지만요..
3
|
| 4 | |
| 1 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기