이전
목록
다음
블

웹 표준과 접근성, 그리고 크로스브라우징1

블랙스완
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2013-03-11 (월) 21:45:27 · 5588 · 2
웹표준 웹 접근성을 위해 잘 짜여진 문서의 표준입니다.

웹표준 코딩은 웹문서를 다양한 브라우저에서 보기좋은 모습으로
혹은 동일한 모습으로 보여주기 위한 방법이 아닙니다. (이러한 행위는 크로스브라우징)

웹 접근성의 재대로된 의미는
시각장애인이나 non-style(css나 이미지, javascript가 없는 환경)에서도
웹 문서를 이해할 수 있게 만드는 것입니다.

웹표준 퍼블리셔라면 html 태그 요소들을 css 관점이 아닌 문서의 구조를 먼저 이해해야합니다.
웹 문서를 하나의 한글파일이나 워드파일, 신문기사 등과 같은 문서라고 봤을때
각 태그의 의미를 알고 있으면 이해가 쉽습니다.

- div (division) : 문서를 분할
- h1~6 (heading) : 표제, 제목
- p (paragraph) : 문단, 단락
- ul (unordered list) : 순서가 없는 목록
등등..
https://developer.mozilla.org/en-US/docs/HTML/Element
(흐린 글짜는 웹표준에 더이상 적합하지 않은 태그)

위와 같이 W3C가 정의해 놓은 태그의 의미를 먼저 파악하고
퍼블리싱할 웹문서의 구조를 먼저 생각하는게 더 중요합니다.

흔히들 웹표준을 table 코딩이 아닌 코딩 기법으로 이해하시는 분들이 많은데
불필요한 div를 엄청 많이 사용하는 경우를 많이 보게됩니다.

각 태그의 의미를 잘 이해하고 적재적소에 태그를 사용한다면
기존의 코딩습관보다 상당히 많은 태그를 줄이실 수 있을것입니다.

신문이나 잡지 등 잘 편집된 문서 위에 태그를 적어보는 연습만으로도
웹접근성에 대한 충분한 이해뿐 아니라 머리속으로만으로도 어떤 태그를 사용해야할 지 알 수 있게될 것입니다.
#퍼블리셔팁 #퍼블리셔 #팁자료실 #웹접근성
|

댓글 2개

불량학생
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-04-08 (월) 21:03:36
헐 신문 잡지에 ㅡㅡ땀
에벤
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-07-05 (금) 00:38:24
감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
13-04-05 조회 7,185
13-04-05 조회 6,577
13-04-04 조회 4,073
13-04-02 조회 4,148
13-04-02 조회 6,110
13-04-02 조회 7,028
13-04-02 조회 7,398
13-04-02 조회 4,526
13-04-01 조회 4,028
13-04-01 조회 3,681
13-04-01 조회 3,637
13-03-31 조회 5,719
13-03-31 조회 5,859
13-03-31 조회 4,178
13-03-29 조회 5,667
13-03-28 조회 4,375
13-03-28 조회 1.1만
13-03-28 조회 4,538
13-03-28 조회 6,734
13-03-28 조회 9,219
13-03-28 조회 4,349
13-03-27 조회 5,653
13-03-27 조회 3,320
13-03-26 조회 4,079
13-03-25 조회 4,067
13-03-24 조회 4,080
13-03-24 조회 6,251
13-03-24 조회 3,966
13-03-23 조회 4,741
13-03-23 조회 4,114
13-03-23 조회 3,756
13-03-23 조회 4,530
13-03-22 조회 5,006
13-03-21 조회 4,348
13-03-21 조회 3,993
13-03-21 조회 4,642
13-03-21 조회 1.8만
13-03-21 조회 3,840
13-03-21 조회 3,587
13-03-20 조회 5,690
13-03-20 조회 1.2만
13-03-20 조회 4,285
13-03-20 조회 3,813
13-03-20 조회 4,296
13-03-20 조회 3,849
13-03-20 조회 3,926
13-03-20 조회 6,108
13-03-20 조회 4,175
13-03-20 조회 4,783
13-03-20 조회 3,708
13-03-19 조회 4,132
13-03-19 조회 5,847
13-03-18 조회 3,539
13-03-18 조회 4,269
13-03-18 조회 4,549
13-03-17 조회 5,077
13-03-16 조회 4,956
13-03-16 조회 5,418
13-03-14 조회 3,951
13-03-14 조회 3,996
13-03-14 조회 7,191
13-03-14 조회 4,361
13-03-14 조회 4,625
13-03-13 조회 8,373
13-03-13 조회 6,133
13-03-13 조회 5,127
13-03-12 조회 4,242
13-03-11 조회 6,589
13-03-11 조회 5,589
13-03-11 조회 5,158
13-03-10 조회 4,760
13-03-10 조회 4,529
13-03-10 조회 4,431
13-03-10 조회 4,220
13-03-09 조회 5,138
13-03-08 조회 4,615
13-03-08 조회 4,212
13-03-08 조회 5,277
13-03-08 조회 4,381
13-03-08 조회 5,005
13-03-07 조회 6,313
13-03-07 조회 3,888
13-03-07 조회 5,141
13-03-05 조회 3,798
13-03-04 조회 4,249
13-03-03 조회 5,036
13-03-03 조회 4,622
13-03-03 조회 7,494
13-03-03 조회 5,494
13-03-03 조회 5,785
13-03-03 조회 4,235
13-03-03 조회 1.1만
13-03-03 조회 6,254
13-03-01 조회 4,148
13-03-01 조회 4,019
13-03-01 조회 5,582
13-03-01 조회 8,326
13-03-01 조회 6,323
13-02-28 조회 4,345
13-02-28 조회 1.7만
글쓰기