WEBPI's Markup && Css Developer

해당 관련 자세한 내용신현석님 블로그 http://hyeonseok.com/soojung/webstandards/2009/09/07/547.html

pdf 파일입니다~

웹퍼블리셔란 직업이면서도 스스로 무엇을 하는가에 부딫힐때가 있습니다 그럴때마다 초심으로 돌아가 다시금 하나하나 의미를 되세기는 일을 합니다 오늘도 문득 그런생각이 드네요 웹 접근성에 대한 W3C의 정의 W3C의 WAI 에서는 웹 접근성을 이렇게 소개하고 있습니다. Web accessibility means that people with disabilities can use the Web. 웹 접근성은 장애를 지닌 사람이 웹을 이용할 수 있는것을 의미한다. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and t..

ㅇ 참여합니다~ 혹시나 아는척좀... ㅎㅎ

이 글은 서버사이드 개발자님들께서 웹퍼블리셔로부터 받은 HTML문서를 작업하는데 있어서 최소한으로 알아주셨으면 하는 내용을 정리한 것입니다. 일부분 상세히 적지 않고(버전별 요소와 속성의 사용 유무 등) 최대한 쉽게 작성하는데 목적을 두었기 때문에 실 작업시에는 웹퍼블리셔와의 커뮤니케이션과 좀 더 정확한 스펙 문서를 참고해 주시기를 부탁드리겠습니다. 웹표준화와 관련하여 웹퍼블리셔는 정확한 Doctype 선언으로부터 마크업을 시작한다. 그리고그리고 올바른 마크업(well-formed) 검증(validate)으로 작업을 마치게 된다. 하지만 많은 경우 사이트가 오픈했을오픈했을 때 validate를 통과가 어렵다. 이는 서버사이드 개발자들이 웹퍼블리셔로부터 받은 (X)HTML(X)HTML 문서를 수정(개발을 ..

지난 18일 여러가지 향상된 기능(자바스크립트의 구동속도 향상, 스마트 주소창, 피싱보호 기능 추가….)들을 갖추고 FF3의 정식버전이 릴리즈 되었습니다. 아래는 float속성을 지닌 div의 하위에 float속성을 가진 div가 위치하였을 경우 FF3와 FF2의 차이점에 대하여 정리하였습니다. 위의 소스를 보시면 parent의 div안에 child div가 양쪽 으로 float 속성을 가지며 놓여 있을 경우 parent부모의 표현이 FF2와 FF3에 차이점이 생겼더군요 아래와 같이 표현 되는 브라우저는 저희가 지원하고 있는 IE계열 모든 버전의 브라우저(5.5, 6.0, 7.0)와 FF2에서 아래와 같이 보여지게 됩니다. 그리고 아래와 같이 표현 되는 브라우저는 FF3와 Opera(test versio..

카페 > 하드코딩하는사람들 | 나나 http://cafe.naver.com/hacosa/1699 1) 올바른 DOCTYPE 사용하시기 바랍니다. 작업중, 작업완료 후 이 DOCTYPE이 아닌데 하고 바꾸면 맞는 형태가아니기 때문에 화면이 제대로 표현되지 못합니다.. 지대로 된 DOCTYPE 선언은 웹표준 문서작성의 기본입니다^^;; 올바른 DOCTYPE 선언하지 않으면 브라우저들은 그들의 표준방식을 취할 것이고 그것은 페이지를 모두 잘못되게 표시한다고 하네요.. 2) 유효한 코드를 사용하시기 바래요 유효성체크기는 당신의 HTML과 CSS 문법이 올바른지 확인하기 위해서 체크합니다. 그리고 오류와 애매함에 대해 알게 해줍니다. 어떻게 오류를 고쳐야 하는지 알려줍니다. 그러나 보통 실수들은 꽤 명백해서 몇번..

>- 속성값은 반드시 "표로 시작해서 "표로 끝냄 - 속성값은 '표 보다는 "표를 사용세요 - URL에 사용되는 '&'는 모두 '&'를 사용 - URL에 한글이 들어있는 경우 유니코드로 표기하세요 - 태그는 반드시 마지막에 "/"을 사용한다. - 태그는 반드시 alt="설명"을 사용한다. 설명이 없을 경우 ""를 쓰면됨 - 태그 또한 마지막에 /을 사용(사용을 줄인다.) 예) - 는 해당포스트의 태그에만 사용한다.(태그리스트 랜덤태그에 사용금지) - 로 시작되는 태그에는 굵게표시가 기본이다. font-weight:bold;를 중복으로 사용할 필요 없음 - 태그를 사용하지 않음 - 픽셀단위로 조정되는 모든 속성에는 px를 붙여준다. 단 속성값이 0인경우 px를 생략가능 예) padding:15px 0 10..