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

블랙스완

· 12년 전 · 조회 2530 2530 · 댓글 2 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개

불량학생

번호	제목	글쓴이	날짜	조회
5527	파일 처리 함수(3) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	723
5526	파일 처리 함수(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	644
5525	날짜 및 시간 함수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	975
5524	파일 처리 함수(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	834
5523	문자열 함수(5) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	635
5522	문자열 함수(4) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	792
5521	문자열 함수(3) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	803
5520	문자열 함수(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	825
5519	문자열 함수(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	918
5518	사용자 정의 함수(3) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	564
5517	사용자 정의 함수(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	613
5516	사용자 정의 함수(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	788
5515	그 밖의 제어문 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	633
5514	반복 제어문(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	661
5513	반복 제어문(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	647
5512	조건 제어문(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	569
5511	조건 제어문(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	633
5510	비교 연산자, 논리 연산자 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1246
5509	산술 연산자, 대입 연산자 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	577
5508	폼(Form)을 통한 변수의 전달 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	896
5507	가변 변수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	790
5506	정적 변수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	540
5505	전역 변수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	562
5504	배열 변수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	650
5503	변수 사용법 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	654

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

댓글 작성

댓글 2개

게시판 목록

팁게시판

파일 처리 함수(3)

파일 처리 함수(2)

날짜 및 시간 함수

파일 처리 함수(1)

문자열 함수(5)

문자열 함수(4)

문자열 함수(3)

문자열 함수(2)

문자열 함수(1)

사용자 정의 함수(3)

사용자 정의 함수(2)

사용자 정의 함수(1)

그 밖의 제어문

반복 제어문(2)

반복 제어문(1)

조건 제어문(2)

조건 제어문(1)

비교 연산자, 논리 연산자

산술 연산자, 대입 연산자

폼(Form)을 통한 변수의 전달

가변 변수

정적 변수

전역 변수

배열 변수

변수 사용법