[수정]이런 그래프 어떻게 코딩하시나요?
봄바람
이런식으로 짜면 되나요?
div
ul
li
dl
dt국어/dt
ddimg src=' alt=' //dd
/dl
/li
li
dl
dt영어/dt
ddimg src=' alt=' //dd
/dl
/li
li
dl
dt수학/dt
ddimg src=' alt=' //dd
/dl
/li
li
dl
dt사회/dt
ddimg src=' alt=' //dd
/dl
/li
li
dl
dt과학/dt
ddimg src=' alt=' //dd
/dl
/li
/ul
/div
님들은 어떻게 하시나요?..
-
다빈
유지보수 차원에서는 태그랑 이것저것 변경하는것보다는 longdesc의 text나 이미지 하나 바꾸는게 더 편하겠죠?
-
아유미
혹시 궁금한게 그 방법도 효율적이지만 유지보수를 고려한다면 제가 앞서 안내한 방법도 괜찮지 않을까요~?
-
렁찬
아..네 감사합니다.
그럼 다른것들은 백그라운드로 처리하시나요? -
여자
이미지로 처리하고 longdesc으로 추천해드립니다.
아니면 이미지로 처리하고 alt값을 \국어:기존몇점 현재몇점, 수학:기존몇점 현재몇점\ 등으로 처리하는 방법도 있구요
복잡하게 처리된 태그는 오히려 정보전달에 걸림돌이 될수있습니다.
스크린리더 세미나때도 ul과 dl의 중첩보다는 longdesc을 활용한 방법이 더 효율적이라고 말씀하시더군요 예) 조직도 -
유진공주
답글 감사합니다.^-^\
-
딥보라
네 사실상 테이블로 하기엔 의미에 적합하지 않아요. 그렇기 때문에 배경은 백그라운드로 처리를 하고 div 와 ul li 머리 굴려서 보더를 넣고~ 진행하는게 더 바람직하고, 스크린리더에도 잘 읽힐 것 같습니다.^^;
-
나슬
div.다이어그램
ul.li{국어 span.1학기점수 80 span.2학점수 100}
li 내의 span 을 포지셔닝할 것 같네여~ -
희미한눈물
그래프와 과목을 제외한 부분은 백그라운드로 하시나요?
-
빵야
ul로 과목별 나누고 dt dd로 나누고 할듯... 귀찬으면.. 스트롱으로 ..
-
꽃여름
div class=\다이어그램\
\tul
\t\tli
\t\t\tstrong국어/strong
\t\t\tspan class=\season1\1학기 점수 80점/span
\t\t\tspan class=\season2\2학기 점수 80점/span
\t\t/li
\t/ul
/div