웹 표준성(Web Standards)

웹 표준이란?

사용자가 어떤 브라우저나 기기를 사용해도 내용을 동일하게 볼 수 있도록 하는 것.

표준화 단체인 W3C가 권고한 표준안에 따라 웹을 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정이 담겨 있다.

웹 표준 준수는 웹 접근성 준수를 위한 핵심이다.

즉, 웹 접근성이 더 큰 개념이며. 웹 표준은 웹 접근성을 구현하기 위한 부분적 요소다.

웹 표준 관련 기술의 소개

구조 (X)HTML
표현 CSS
동작 Script

1. 구조 언어 (X)HTML & XML

HTML5는 특정 플러그인에 의존하지 않고 콘텐츠를 제공하는 것이 목표.

많은 기업들이 HTML5의 표준화에 힘을 보태고 있고, Firefox, Opera, Safari, Chrome 등 최신의 웹 브라우저에서 기본적으로 HTML5을 지원하고 있으며, 마이크롯프트사 IE9부터 HTML5의 새로운 요소를 지원하고 있다.

가장 최신 표준인 HTML5에서는 기존 div요소 외에 header, footer, aside, figure, section, article 등이 있다.

<!doctype html>
<html lang="ko-KR">
  <head>
    <meta charset="utf-8">
    <title>문서 제목</title>
  </head>
  <body>
    <header>헤더</header>
    <nav>내비게이션</nav>
    <main>
    	<section>섹션</section>
    </main>
    <aside>부가 콘텐츠</aside>
    <footer>푸터</footer>
  </body>
</html>

2. 표현 언어 CSS

CSS(Cascading Style Sheet)는 기존의 HTML의 웹 문서를 다양하게 설계하고 수시로 변경하는 데에 많은 제약이 있었기 때문에 이것을 보완하기 위해 CSS를 만든 것이다.

HTML은 일일이 하나씩 스타일을 지정해야 하지만 CSS는 전체 페이지의 내용이 한꺼번에 변경되므로 문서 전체의 일관성을 유지할 수 있고, 작업 시간도 단축할 수 있다.

3. 동작 및 제어를 위한 DOM & ECMA Script

웹 페이지의 요소를 객체화해서 동작을 제어하느 데 사용하는 웹 표준 기술에는 DOM과 ECMA Script가 있다.

DOM(Document Object Model)은 웹 페이지의 구성 체계를 말하는데, EMCA Script의 기술을 통해 DOM의 구조를 변경할 수 있다.

즉, 사용자 측에서 작동하는 많은 동적 요소들이 DOM을 이용해 객체 모델에 접근 후, 스크립트 언어인 ECMA Script를 이용하여 웹 페이지의 요소의 동작을 제어하는 방법으로 작성한 것이다.

웹 표준의 장점

웹 접근성 수준의 향상

웹 표준을 준수하는 것만으로도 자연스럽게 웹 접근성이 향상된다. 웹 표준을 준수한 웹 사이트는 다양한 웹 브라우저나 새로운 기기에서도 올바르게 표시되기 때문이다.
검색 친화적인 웹 사이트 구현

meta 요소를 이용한 정확한 문서 정보의 제공과 적절한 제목(heading 요소)의 사용, 의미에 맞는 마크업은 검색 시 큰 영향을 미친다. 따로 홍보를 위한 비용을 지출하지 않더라도 충실하게 작성된 문서 정보만으로도 검색의 효율성을 높일 수 있다.
구조와 표현의 분리

구조와 표현이 뒤섞여 접근 및 사용이 어려웠던 과거에 비해, 현재 HTML이나 XHTML 등의 마크업 언어를 구축하고 CSS를 이용함으로써 구조와 표현이 분리된 독립적인 구현이 가능하도록 도와준다.
손쉬운 유지 보수 및 비용 절감 효과

구조아 표현을 분리하면 유지 보수에 편리하고 소스의 경량화로 인해 서버의 트래픽 비용이 감소하여 부수적인 효과를 얻을 수 있다.
호환성 확보

올바른 마크업과 CSS를 이용해 웹을 제작하면 하위 호환성이나 상위 호환성에 콘텐츠가 적절하게 표시된다.

2020/09/17 - [👩🏻‍💻DEVELOPE/Publishing] - 웹접근성(Web Accessibility)

저작자표시 비영리 동일조건

'👩🏻‍💻STUDY > Publishing' 카테고리의 다른 글

웹접근성에 주의해야 할 부분 (0)	2022.01.20
NHN 코딩컨벤션 pdf 자료 (0)	2021.09.09
Google HTML/CSS Style Guide (0)	2021.08.13
웹접근성을 위한 텍스트 숨김 처리(blind text) (0)	2021.04.29
웹접근성(Web Accessibility) (0)	2020.09.17

/* jmjmjm */

웹 표준성(Web Standards)

웹 표준성(Web Standards)

웹 표준이란?

웹 표준 관련 기술의 소개

1. 구조 언어 (X)HTML & XML

2. 표현 언어 CSS

3. 동작 및 제어를 위한 DOM & ECMA Script

웹 표준의 장점

'👩🏻‍💻STUDY > Publishing' 카테고리의 다른 글

티스토리툴바

웹 표준성(Web Standards)

웹 표준성(Web Standards)

웹 표준이란?

웹 표준 관련 기술의 소개

1. 구조 언어 (X)HTML & XML

2. 표현 언어 CSS

3. 동작 및 제어를 위한 DOM & ECMA Script

웹 표준의 장점

'👩🏻‍💻STUDY > Publishing' 카테고리의 다른 글

'👩🏻‍💻STUDY/Publishing' Related Articles

티스토리툴바