게시판 페이지 span vs ul li 여러분의 선택은? 정보
게시판 페이지 span vs ul li 여러분의 선택은?
본문
페이지 마크업이 지금은 span 으로 되어 있습니다.
그냥 span 으로 유지하는 것이 좋을지,
ul li 로 수정하는 것이 좋을지,
의견 부탁드립니다.
ul li 로 해야 될 거 같은 아리까리하고 찜찜한 마음이 가시질 않네요. ㅎㅎ
혹시 이렇게 바꿔서 쓰시는 분 계시면 제보 부탁드립니다. ㅎㅎ
물론 설문조사 결과 따라 뭐가 바뀌진 않습니다. ㅠ
전 일개 잉여직원이니까요. ㅎㅎ
추천
0
0
댓글 39개
잉어직원은 뭡니까?
붕언데... ㅠㅠ
붕언데... ㅠㅠ
치킨 맛있으셨나요...ㅋㅋㅋ
사장님이 서운하게 대했나보군요.
월급주는 사람들은 갈굼이 업무이니 이해하세요.
1명뿐이 직원을 갈궜으니 얼마나 무서웠을까...ㅠㅠ
월급주는 사람들은 갈굼이 업무이니 이해하세요.
1명뿐이 직원을 갈궜으니 얼마나 무서웠을까...ㅠㅠ
의외로 안 갈구십니다.ㅋㅋ
빠져갖고 개편의 중대한 시점에 자게에서 놀잖아요. ㅋㅋ
빠져갖고 개편의 중대한 시점에 자게에서 놀잖아요. ㅋㅋ
회사 홈페이지인데 업무죠?(회사 좋다)
ui이로 해주세요.
ui이로 해주세요.
역시 ul 이 맞겠죠?
ul 에 span을 넣습니다^^!
이렇게 따로 잡는 이유는 웹문서의 명확한 표현과 페이징을 디자인할때 좀더 확장성있게 세부적인 사항을 컨트롤 할수 있다는 점 때문입니다!
<ul class="sir_page">
<li><a href="#"><span>1</span></a></li>
</ul>
링크의 글자색과 스타일 따로,
링크자체의 표현 따로 + _ +
ps.그리고 덥습니다 ㅠㅠ
이렇게 따로 잡는 이유는 웹문서의 명확한 표현과 페이징을 디자인할때 좀더 확장성있게 세부적인 사항을 컨트롤 할수 있다는 점 때문입니다!
<ul class="sir_page">
<li><a href="#"><span>1</span></a></li>
</ul>
링크의 글자색과 스타일 따로,
링크자체의 표현 따로 + _ +
ps.그리고 덥습니다 ㅠㅠ
<ul class='sir_page'>
<li><a href='#'><span></span>1</a></li>
</ul>
이 편이 확장성은 더 좋을 겁니다. ㅎㅎㅎ
sir 사무실은 시베리아입니다. ㅠ
<li><a href='#'><span></span>1</a></li>
</ul>
이 편이 확장성은 더 좋을 겁니다. ㅎㅎㅎ
sir 사무실은 시베리아입니다. ㅠ
저도 시베리아를 달리고(?) 싶습니다!
span 영역에 공백이되어있는데 확장성이 좋다는 게 어떤의미인지 잘모르겠습니다;
설명좀 해주세요^^;;;
span 영역에 공백이되어있는데 확장성이 좋다는 게 어떤의미인지 잘모르겠습니다;
설명좀 해주세요^^;;;
음 다시 보니 똔똔이네요. 라고 쓰는데 답글이 달렸네요 ㅎㅎㅎ;;
<li><a href='#'><span></span>1</a></li>
는 대체이미지를 고려한 방법인데, 스타일링에 따라 <li><a href='#'><span>1</span></a></li> 가 별 차이가 없을 거 같아요.
코딩하는 사람의 방법론에 따라 다른 거 같아서요. 제가 좀 성급했습니다. ^^;;
<li><a href='#'><span></span>1</a></li>
는 대체이미지를 고려한 방법인데, 스타일링에 따라 <li><a href='#'><span>1</span></a></li> 가 별 차이가 없을 거 같아요.
코딩하는 사람의 방법론에 따라 다른 거 같아서요. 제가 좀 성급했습니다. ^^;;
네 ㅋㅋㅋ 둘다 같습니다만,
의미론 적인 측면에서 공백자체를 태그로 감싸는 것은 의미가 없다라고 생각되서 저도 말씀하신 형태를 쓰다가, 나중에 바꾸게 되었습니다.
혹시 제가 생각했던 의미론적인 부분에 대해서 어떻게 생각하시는지 듣고싶어서 여쭈어본거였어요! ㅎㅎㅎ
아 시원한 사무실은 역시 부럽습니다 ㅠㅠ
의미론 적인 측면에서 공백자체를 태그로 감싸는 것은 의미가 없다라고 생각되서 저도 말씀하신 형태를 쓰다가, 나중에 바꾸게 되었습니다.
혹시 제가 생각했던 의미론적인 부분에 대해서 어떻게 생각하시는지 듣고싶어서 여쭈어본거였어요! ㅎㅎㅎ
아 시원한 사무실은 역시 부럽습니다 ㅠㅠ
전 엔피씨님 드로잉 실력이 부럽습니다. 바꾸실래요? ㅎㅎㅎ
헉 전 지운아빠님의 로고만드시는게 매우 부러운데요 !! 정말 바꿔볼까요!
제 로고솜씨랑 엔피씨님 드로잉 솜씨는 격이 맞질 않아서 등가교환이 되질 않아요. 엔피씨님이 손해보는 장삽니다. ㅎ
예제글 작성 중입니다. ^^
<ul class='sir_page'>
<li class='span'><a href='#'>1</a></li>
</ul>
이게더 조아요
<li class='span'><a href='#'>1</a></li>
</ul>
이게더 조아요
오 그렇구나 태그하나 덜 주고 클래스 하나 더 추가하는방법도 있구나 ㅎㅎ
<div id='page'>
<ul>
<li class='active'><a href='#'>1</a></li>
<li><a href='#'>2</a></li>
<li><a href='#'>3</a></li>
</ul>
이게 재일좋음
<ul>
<li class='active'><a href='#'>1</a></li>
<li><a href='#'>2</a></li>
<li><a href='#'>3</a></li>
</ul>
이게 재일좋음
simple is best ㅎㅎ
무언가 역동적인 것만 들어가지 않는다면 이 코드 대박추천^^!
CSS나 이미지, 스크립트를 다 빼더라도 기본적으로 딱 표준형!
CSS나 이미지, 스크립트를 다 빼더라도 기본적으로 딱 표준형!
페이징 에서는 굳이 ul li를 안써도 괜찮은거 같아요..ㅎㅎ;;
span으로 처리하셔도 무방할듯 합니다.
span으로 처리하셔도 무방할듯 합니다.
그래서 아리까리합니다. 생각 좀 해보려구요. 다른 분들은 어떻게 생각하시나 궁금했습니다.
span은 어쩔수없을때 사이드쪽에 처음 마지막으로 버튼만
strong a만 쓰는게 맞음
strong a만 쓰는게 맞음
예제 부탁드립니다. ㅎㅎ;; 간단한게 이해하기 더 어렵네요 ㅠㅠㅠ
<a href="#" class='button start'>처음</a>
<a href="#" class='active'>1</a>
<strong>2</strong>
<a href="#">3</a>
....
<a href="#" class='button end'>맨끝</a>
#page .start, #page .end {버튼스타일}
#page a { padding:10px; boder:1px #ccc}
#page a.active { boder:1px red}
#page strong {현재페이지 스타일}
<a href="#" class='active'>1</a>
<strong>2</strong>
<a href="#">3</a>
....
<a href="#" class='button end'>맨끝</a>
#page .start, #page .end {버튼스타일}
#page a { padding:10px; boder:1px #ccc}
#page a.active { boder:1px red}
#page strong {현재페이지 스타일}
아니다 걍 꼴리는데로 맹그는게 쵝오~
선택된 부분은 strong 쓰는게 스크린리더 사용자한텐 더 도움이 되겠네요. ㄳ
http://sirclub.kr/bbs/board.php?bo_table=ot_jquery
소스보세요
span{}이런식으로 버튼스타일을 지정해놔서 어쩔수었이 사이드버튼만 span쓰고 나머진 strong a
소스보세요
span{}이런식으로 버튼스타일을 지정해놔서 어쩔수었이 사이드버튼만 span쓰고 나머진 strong a
깔끔하고 좋네요.
특히 http://static.naver.com/common/paginate/bu_pg3_l_off.gif 인상적입니다. ㅎ
특히 http://static.naver.com/common/paginate/bu_pg3_l_off.gif 인상적입니다. ㅎ
기름한방울 안나는 나라에서 아껴야 잘살죠 컨텐츠빼고 이미지 3장 뿌립니다 ㅎㅎ
저이미지 사용한지 5년정도 된거같습니다
저이미지 사용한지 5년정도 된거같습니다
존경합니다. (__)
늘 고민하는 부분인데 저는 span 정확히 그냥 a를 나열하는 쪽을 선호합니다. 각각의 페이지 숫자 값 자체가 리스트로서 의미를 가지기보다는 페이지 네비게이션으로 생각되어서요.
<div class="pagination">
<a href="#">1</a>
<a href="#">2</a>
<strong>3</strong>
<a href="#">4</a>
</div>
딥하게 따져보면 참 경우가 많네요..ㅎ
<div class="pagination">
<a href="#">1</a>
<a href="#">2</a>
<strong>3</strong>
<a href="#">4</a>
</div>
딥하게 따져보면 참 경우가 많네요..ㅎ
네비게이션을 li 로 마크업하는 경우가 많아서 저도 아리까리하네요.
일단 여태 결과 종합해보면 span 으로 가도 괜찮을 듯 하네요. 고치기 귀찮아서 그런 거 아닙니다. (강조) ㅎㅎㅎ
일단 여태 결과 종합해보면 span 으로 가도 괜찮을 듯 하네요. 고치기 귀찮아서 그런 거 아닙니다. (강조) ㅎㅎㅎ
여기가 html5로 만들어진 곳이 아니니
상관 없겠지만 html5에서는 span태그가 없다고 하던군요.
맞나 모르겠습니다만...
상관 없겠지만 html5에서는 span태그가 없다고 하던군요.
맞나 모르겠습니다만...
금시초문입니다만... ^^;;
제가 크게 잘못 알고 있었군요.
관련 내용 찾아 보니 살아 있네요 ㅋㅋ
어디서 이런 엉터리 정보를 주어 들어 머리 속에 넣뒀죠 ㅎㅎㅎ
쏘리~ ^^
관련 내용 찾아 보니 살아 있네요 ㅋㅋ
어디서 이런 엉터리 정보를 주어 들어 머리 속에 넣뒀죠 ㅎㅎㅎ
쏘리~ ^^
슈퍼주니어가 생각나는 밤이네요.
쏘리쏘리쏘리쏘리~ ㅎㅎㅎ;;
쏘리쏘리쏘리쏘리~ ㅎㅎㅎ;;
이번 기회에 get_paging 함수도 바꿔주세요.. ^^;
http://blog.gnuboard.org/2012/05/func-get_paging/
http://blog.gnuboard.org/2012/05/func-get_paging/
프로그램 코드는 제 소관이 아니에요. ㅠ
안 그래도 리자님이 프로그래밍 배울 거 아니면 코드 손대지 말라고 하셨어요 ㅎㅎㅎ
엉뚱하게 짜놔서 다 바꿔야 된다구요 ㅋㅋㅋ
안 그래도 리자님이 프로그래밍 배울 거 아니면 코드 손대지 말라고 하셨어요 ㅎㅎㅎ
엉뚱하게 짜놔서 다 바꿔야 된다구요 ㅋㅋㅋ
