메인 페이지의 일부 화면에 리스트를 표현할때
이리저리 다 해보지만, 어느것이 가장 효율적일지
계속 마음에 걸리더군요.
예)
<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>
그누보드 사용을 기준으로 최근게시물 사용시의 예문입니다만..
경우에 따라 구조가 조금씩 달라지긴하겠지만,
대체로 저는 위와 같은 형태를 선호합니다 ㅎ
게시글 목록
| 번호 | 제목 |
|---|---|
| 6256 | |
| 6255 | |
| 6254 | |
| 19430 | |
| 6253 | |
| 6252 | |
| 27670 | |
| 6249 | |
| 6246 | |
| 6242 | |
| 6241 | |
| 19429 |
JavaScript
자바스크립트로 이미지 롤링 관련 문의드립니다.
|
| 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 |
JavaScript
위지윅 에디터 만들때 선택영역 풀리는 문제
4
|
| 6108 | |
| 27647 | |
| 6106 | |
| 27642 | |
| 27637 | |
| 6105 | |
| 6101 | |
| 6095 | |
| 6093 | |
| 6091 | |
| 6088 | |
| 27635 | |
| 27634 | |
| 6087 | |
| 27628 | |
| 6083 | |
| 6077 | |
| 24562 | |
| 27614 | |
| 6072 | |
| 6067 | |
| 6065 | |
| 19400 | |
| 19399 |
기타
IE 구분하기
|
| 19398 |
기타
js, css 캐싱 팁
|
| 19397 | |
| 6062 | |
| 27608 | |
| 6057 | |
| 27606 | |
| 19396 |
JavaScript
롤링 배너 이해하는데 도움이 될것 같아 올립니다
|
| 6054 | |
| 27600 | |
| 6048 | |
| 6040 | |
| 6031 | |
| 6028 | |
| 6024 | |
| 27594 | |
| 27593 | |
| 6023 | |
| 6018 | |
| 19395 | |
| 19394 |
PHP
게시판 페이지 관련 글입니다.
|
| 19390 | |
| 19388 |
JavaScript
멀티 체크박스입니다.
1
|
| 19386 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기