테스트 사이트 - 개발 중인 베타 버전입니다
SIR

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

블랙스완
프로필 보기이 회원 글보기
 · 12년 전 · 2493 · 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개

불량학생
프로필 보기이 회원 글보기
 12년 전
헐 신문 잡지에 ㅡㅡ땀
에벤
프로필 보기이 회원 글보기
 12년 전
감사합니다

게시글 목록

번호 제목
12386
PHP 메타태그 주요정리 입니다.
12385
JavaScript 광고나 공지사항 띄울때 다음부터 이창을 띄우지 않기 입니다.
12384
MySQL 테이블 생성, 컬럼 추가, 삭제, 수정
12380
JavaScript 입력값을 형식에 맞게 해주는 플러그인이네요 3
12379
JavaScript 팝업창에서 오늘 하루 이 페이지 열지 않기 체크박스 사용입니다.
12378
JavaScript 팝업창 하루에 한번만 열기 입니다
12377
PHP 테이블 사이즈를 제어하기 입니다.
12376
jQuery 유투브 관련 플러그인
12375
jQuery input 태그에 readonly 추가하는 방법
12374
기타 알툴바로 인한 스크립트 오류
12373
jQuery jquery checkbox(radio) 체크유무확인
12372
jQuery 자주 쓰이는 Jquery 팁 20가지 입니다.
12371
jQuery jQuery 오른쪽 퀵메뉴 입니다.
12369
jQuery textarea 글자수 카운트 입니다. 1
368
무료이미지 사이트 2
12368
jQuery ifrmae 자동 리사이즈 jQuery 입니다.
12367
jQuery 슬라이딩 형태로 보여주기 입니다.
12366
jQuery 라인 그래프 그리기 입니다.
12365
jQuery 콤보박스관련 플러그인
12363
MySQL MySQL 기본 명령어 정리 입니다. 1
12362
MySQL MySQL 한글 정렬하기 입니다.
12361
MySQL 그림을 MySQL DB에 저장하는 방법
12360
JavaScript 엑셀 흉내내기
12359
MySQL mysql table 유무 확인 하기 입니다.
12358
MySQL php로 만든 MySQL 백업스크립트 입니다.
이전 다음
전체 목록