웹표준 이해한지 이틀째 정보
웹표준 이해한지 이틀째
본문
오늘도 해뜨는거 보구 자겠네요 ^^ 안주무시는 분들 많죠?
얼마전에 웹표준 마스터했다고 헛솔했습니다. ㅎㅎㅎ
뭐 사실 웹표준은 어느정도 할줄알게 된건 사실이기두 하구요
그런데 웹표준을 하게되면서 어떻게 해야 웹표준이 웹표준 다워질까 고민에 빠졌습니다.
솔직히 마크업검사하면 축하합니다. 글은 봅니다.
그러나 지금까지 절대 잘못 알고 있는것.
그것은 웹표준과 크로스브라우징은 전혀 상관이 없다는것입니다.
웹표준 검사만 축하뜨면 뭘합니까. 크로스브라우징서 버튼은 저기 구석에 처박혀 있고
메뉴는 다 틀어지고 다 깨지는데요.
생각했습니다. 정말 웹표준으로 죽어라 했는데 크로스브라우징도 안되는데 웹표준 왜해!
정말 제가 웹표준으로 코딩을 한게 맞을까요?
아닙니다. 저는 div로 짜서 마크업검사만 하면 웹표준이라고 생각했었습니다.
그래서 다시 해보자 !
정말 웹표준다운 웹표준으로 코딩을 해봤습니다.
크로스브라우징까지 완벽하며 마크업 검사에서도 오류가 안뜨더군요
그런데 또하나 걱정이 생겼습니다.
크로스브라우징도 완벽하고 마크업도 통과 했는데 무슨 걱정이냐구요?
제가 지금 생각하고 있는 방법이 과연 맞을까 하는거 입니다.
position: 남발을 하지 않는다
이유: div 코딩시 제일첨에 위치때문에 애먹으시는분들 정말 많으실겁니다.
그렇기 때문에 position:absolute 잡아놓고 마진으로 막 뿌리는 코딩을 하게 될겁니다.
이게 첫번째로 크로스브라우징에서 제일 크게 문제가 되더군요
제가 잘못 쓴것일까요? 고수가 아니라서 그럴까요? 아무리 고수라도 마진만 보고 어디에 있을꺼다
한번에 알아 내시는분은 없을겁니다.
무조건 목록계열은 ul,li를 이용하여 배치한다
무조건 사용하는건 아닙니다. 전 게시판이나 메뉴에서는 또는 리스트가 있는 메뉴들은
ul,li로 배치 합니다.
자기네들이 웹표준 전문으로 개발하는 업체라는곳 사이트 소스코드를 보았습니다.
물런 다 그런것은 아니고 몇몇 업체들은 리스트 형식의 a테그를 뿌릴려고 버튼 하나까지도 absolute잡고 마진질 하고 있더군요. 역시나 크롬이나 파폭으로 돌려봤습니다. 로그인 버튼이 로그인입력창을 가리더군요
첨엔 어이가 없어서 의뢰문의게시판이 있길래 알려줬습니다.
메일로 답변이 왓더군요 w3c 통과해서 문제될꺼 없다고 익스 사용자가 더 많기때문에 그런걱정말고
의뢰하랍니다.(하나라도 더 팔려고 이런사기는 치지 말아야죠) ;;;
휴웅......
이건 개인적인 방식이지만 이걸 나름 지켜볼려구 하는데 역시 어렵드라구요
레이어는 되도록 px를 사용하지 않고 %를 쓰고 있습니다.
100% 안에서 무조건 해결하려고 하고 있습니다 무식하죠?
그런데 이렇게 하게 되면 크로스브라우징에서 레이어 무너지는 일은 절대 일어 나지 않더군요
웹표준은 마크업 검사를 통과하려고 하는게 아닙니다.
표준을 준수하게 되면 자연적으로 크로스브라우징이 됩니다.
그 표준을 알아가는게 정말 어려운겁니다.
웹표준 기초 자료들 보면 그게 왜 기초였나 기초가 정말 중요하구나 한번더 느꼈습니다.
(div id='main')
(div class='menu1')
(ul)
(li)menu1_1(/li)
(li)menu1_2(/li)
(li)menu1_3(/li)
(li)menu1_4(/li)
(/ul)
(/div)
(/div)
(div class='menu1')
(ul)
(li)menu1_1(/li)
(li)menu1_2(/li)
(li)menu1_3(/li)
(li)menu1_4(/li)
(/ul)
(/div)
(/div)
올바른 기초
(div id='main')
(div class='menu1')
(div class='menu1_1')menu1_1(/div)
(div class='menu1_1')menu1_2(/div)
(div class='menu1_1')menu1_3(/div)
(div class='menu1_1')menu1_4(/div)
(/div)
(/div)
잘못된 기초
(div class='menu1')
(div class='menu1_1')menu1_1(/div)
(div class='menu1_1')menu1_2(/div)
(div class='menu1_1')menu1_3(/div)
(div class='menu1_1')menu1_4(/div)
(/div)
(/div)
잘못된 기초
정말 초보놈이 그에 맞는 말만 해서 꼭두새벽에 죄송하구요
요즘 웹표준에 느끼는점이 많아 주절거렸습니다.
추천
0
0
댓글 8개
흓 오세 매일 재미느끼시면서 공부하시는 hy소프트님 ㅠㅠ
ㅠㅠ 전 아 공부는 재미없는데 ㅠㅠ 만드는건 즐겁지만 ㅠ흑
저도 강좌2개 php기초부터 다시시작해보자했는데 흑 마음대로 안되군요 흑
ㅠㅠ 전 아 공부는 재미없는데 ㅠㅠ 만드는건 즐겁지만 ㅠ흑
저도 강좌2개 php기초부터 다시시작해보자했는데 흑 마음대로 안되군요 흑
고생 하네요..
벌써 일요일 저녁이라 심각하게 우울해지고 있는 중....
"테이블을 다 div 로 바꿔주면되는거에요" "그게 css 코딩입니다" "간단한거에요" 라는 글을 여기서 얼마전 봤던것 같은데....
이런 div 남발하는 코딩 / 질병을 divitis 라고 하더라구요. 좀 오래된 글이긴 한데 이 질병에 대한 치료방법도 상세하게 나와있습니다.
http://csscreator.com/divitis (Divitis 는 어떻게 치료하는가.)
아오... 내 주말은 도대체 어떻게 된건지... 왜 벌써 일요일이냐고.... ㅠㅠ
"테이블을 다 div 로 바꿔주면되는거에요" "그게 css 코딩입니다" "간단한거에요" 라는 글을 여기서 얼마전 봤던것 같은데....
이런 div 남발하는 코딩 / 질병을 divitis 라고 하더라구요. 좀 오래된 글이긴 한데 이 질병에 대한 치료방법도 상세하게 나와있습니다.
http://csscreator.com/divitis (Divitis 는 어떻게 치료하는가.)
아오... 내 주말은 도대체 어떻게 된건지... 왜 벌써 일요일이냐고.... ㅠㅠ
배울께 너무 많아요 ~~ ㅎ
저도 한마디 거들자면, 웹표준이라고 작업하면서 많은 분들이 div <=== 이 녀석만 주구장창 쓰시더군요.
div <=== 이 녀석 안에다 또 이 녀석을 넣고, 넣고 하는 건... 좋은 방법이 아닙니다.
그 안에 들어가는 속성들을 적당히 이용하는 방법이 좋습니다.
예를 들면 ul, li, dl, dt, dd, ol.... 등등...
div <=== 이 녀석 안에다 또 이 녀석을 넣고, 넣고 하는 건... 좋은 방법이 아닙니다.
그 안에 들어가는 속성들을 적당히 이용하는 방법이 좋습니다.
예를 들면 ul, li, dl, dt, dd, ol.... 등등...
많은거 배우고 갑니다^^
div남발환자여깄습니다.ㅠ
웹표준!==크로스브라우징!==웹접근성
다 틀립니다.
잘 섞어서 조화롭게 쓰는게 좋죠..
table 써야 하는곳은 써야하고..
ul li 써야 하는곳은 그걸 써야하고..
용도와 목적에 맞도록 쓰는게 가장 현명합니다.
다 틀립니다.
잘 섞어서 조화롭게 쓰는게 좋죠..
table 써야 하는곳은 써야하고..
ul li 써야 하는곳은 그걸 써야하고..
용도와 목적에 맞도록 쓰는게 가장 현명합니다.
