웹 표준(Web Standards)
웹에서 사용되는 기술들의 표준화.
웹 사이트를 구성하는 HTML, CSS, JavaScript 등의 언어들이 표준화된 방식으로 작성되어야 한다는 것입니다.
그 덕분에 우리는 어떤 브라우저나 기기를 사용하더라도 동일한 화면을 볼 수 있습니다.
-
웹 표준 - 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준
-
웹 접근성 - 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것
-
웹 호환성 - 표준 웹 기술을 사용하여 운영체제, 브라우저 등 어느 한쪽으로 최적화되거나 종속되지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법
웹 표준의 장점
- 웹 페이지의 호환성
- 웹 페이지가 모든 브라우저에서 일관적으로 표시된다.
- 어떤 브라우저를 사용하더라도 동일한 사용자 경험을 얻는다.
- 오래된 브라우저에서도 컨텐츠가 적절하게 표시되어 호환성과 운용성이 확보된다.
- 검색 엔진 최적화(SEO)
- 검색 엔진에서 웹 페이지를 더욱 잘 인식한다.
- 유지보수 및 확장성
- 웹 페이지를 만드는 데 필요한 시간과 비용을 줄일 수 있다.
- 논리적이고 효율적으로 작성된 만큼 코드의 양이 줄어 파일 크기가 줄고 서버 부담이 감소된다.
- 웹 접근성 향상
- 모든 사용자가 쉽게 웹 페이지에 접근할 수 있도록 웹 접근성을 고려할 수 있다.
- 다양한 브라우저, 휴대폰 PDA, 장애인 지원용 프로그램에서도 대응이 가능하다.
웹 표준을 준수하는 방법
웹 표준 관련 기술에는 아래 세 가지가 있습니다.
https://inpa.tistory.com/entry/WEB-📚-웹-표준의-이해
1. DOCTYPE 선언
웹 페이지의 최상단에 DOCTYPE을 선언하여 웹 페이지가 어떤 버전의 HTML, XHTML을 사용하는지 명시합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML !DOCTYPE declaration</title>
</head>
<body>
<p>이 문서는 HTML 문서입니다.</p>
</body>
</html>2. 시맨틱 태그 사용
<header>, <nav>, <section>, <footer> 등의 태그를 사용하여 웹 페이지의 구조를 더욱 명확하게 표현할 수 있습니다.
3. CSS 스타일 시트 사용
디자인과 레이아웃을 분리하고, 웹 페이지의 내용과 디자인을 분리하여 유지보수 및 확장성을 높일 수 있습니다.
4. 웹 접근성 고려
다양한 사용자가 쉽게 접근할 수 있도록 고려해야 합니다.
- 스크린 리더를 위해 alt 속성을 사용하여 이미지에 대한 설명을 제공
- 키보드만으로 모든 기능을 사용할 수 있도록 tabindex 속성을 사용
Reference
다 하자