게시판 리스트화면을 ul, li로 짜는게 의미가 있을까요? 정보
게시판 리스트화면을 ul, li로 짜는게 의미가 있을까요?본문
게시판 리스트화면을 ul, li로 짜는게 의미가 있을까요?
예전에 생각해봤던터라 오늘 저녁때부터 그누 기본베이직을 살살 뜯어 고치다가
문든 이런 생각이 드는군요ㅠ
왠지 삽질하는 듯한 느낌~;;
http://playi.kr/bbs/board.php?bo_table=test_basic2
외관은 별 차이 없습니다. 다만 안에 태그가
<ul id="board_list">
<!-- 제목 -->
<li class="tt">
<span class="num">번호</span>
<? if ($is_checkbox) { ?><span class="checkbox">선택</span><? } ?>
<span class="subject_tt">제목</span>
<span class="hit"><?=subject_sort_link('wr_hit', $qstr2, 1)?>조회</a></span>
<span class="date"><?=subject_sort_link('wr_datetime', $qstr2, 1)?>작성일</a></span>
<span class="name">작성자</span>
</li>
<li>게시물 리스트</li>
</ul>
요런 형식으로 되어 있답니다.
과연 쓸만할까요?ㅋ
계속 작업할랬더만.. 대표가 술묵자고 불러서 살살 나가봐야겠네요..ㅠ
예전에 생각해봤던터라 오늘 저녁때부터 그누 기본베이직을 살살 뜯어 고치다가
문든 이런 생각이 드는군요ㅠ
왠지 삽질하는 듯한 느낌~;;
http://playi.kr/bbs/board.php?bo_table=test_basic2
외관은 별 차이 없습니다. 다만 안에 태그가
<ul id="board_list">
<!-- 제목 -->
<li class="tt">
<span class="num">번호</span>
<? if ($is_checkbox) { ?><span class="checkbox">선택</span><? } ?>
<span class="subject_tt">제목</span>
<span class="hit"><?=subject_sort_link('wr_hit', $qstr2, 1)?>조회</a></span>
<span class="date"><?=subject_sort_link('wr_datetime', $qstr2, 1)?>작성일</a></span>
<span class="name">작성자</span>
</li>
<li>게시물 리스트</li>
</ul>
요런 형식으로 되어 있답니다.
과연 쓸만할까요?ㅋ
계속 작업할랬더만.. 대표가 술묵자고 불러서 살살 나가봐야겠네요..ㅠ
추천
0
0
댓글 8개

뭔가 있어보이잖아요. ㅎㅎ
그런가요~^ㅇ^

테이블에서도 tbody하고 caption 등등 잘주고
CSS 적극적으로 활용하면서 들여쓰기 철저하게 하면 있어 보입니다 ^^
ul li 태그로 짤때는, dt, dd도 같이 쓰는게 대세더군요.
이렇게 하면 스타일시트 없이도 내용 구분이 잘 되게 보여 접근성 향상에 도움이 됩니다.
상세 구분없이 span으로 밀어 붙히는건 권장하진 않습니다.
스타일시트 제거해보고 확인해보면 권장하지 않는 이유를 느끼실겁니다.
CSS 적극적으로 활용하면서 들여쓰기 철저하게 하면 있어 보입니다 ^^
ul li 태그로 짤때는, dt, dd도 같이 쓰는게 대세더군요.
이렇게 하면 스타일시트 없이도 내용 구분이 잘 되게 보여 접근성 향상에 도움이 됩니다.
상세 구분없이 span으로 밀어 붙히는건 권장하진 않습니다.
스타일시트 제거해보고 확인해보면 권장하지 않는 이유를 느끼실겁니다.
일단 테이블은 안쓰고 만들어보자는게 취지여서요ㅠ
그리고 게시판 리스트는 목록이라는 생각으로 시작한거라서(물론 순서있는 목록이면 ol 을 사용해야 하지만..) 항목에 대한 정의를 설명하는 dl, dd 또한 안쓰려 한답니다.
물론 웃는하루님 말씀처럼 css제거하면 모양새는 ㅠㅠ
그리고 게시판 리스트는 목록이라는 생각으로 시작한거라서(물론 순서있는 목록이면 ol 을 사용해야 하지만..) 항목에 대한 정의를 설명하는 dl, dd 또한 안쓰려 한답니다.
물론 웃는하루님 말씀처럼 css제거하면 모양새는 ㅠㅠ

괜찬을것 같은데요.
고맙습니다.
고맙습니다.
고맙다뇨ㅠ

시각 장애인한테는 테이블보다 나을 듯합니다.
시각장애인이라.. 생각지도 못한 팁을 얻었네요~ㅎ 감사합니다~^^