HTML, CSS, JavaScript 웹표준과 웹 접근성에 대하여

syahn_publisher·2021년 8월 23일
0

STUDY-PUBLISHING

목록 보기
1/5
post-thumbnail

HTML

HTML(Hyper Text Markup Language)은 페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적 언어로 웹의 구조를 담당한다.

-튼튼한 구조(Semantic)를 만드는 것이 중요하다.

CSS

CSS(Cascading Style Sheets)는 마크업 언어(HTML, XML 등)가 실제 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정하여 콘텐츠 구조를 꾸며주는 정적 언어로 웹의 시각적인 표현을 담당한다.

-적당한 크기와 아름다운 색상, 원하는 위치를 지정하는데 집중할 수 있다.

JS

JS(JavaScript)는 콘텐츠를 바꾸고 움직이는 등 페이지를 동적으로 꾸며주는 역할을 하는 프로그래밍 언어로 웹의 동적 처리를 담당한다.

-각 역할이 제대로 수행되도록 구조적, 기술적으로 언어(코드)를 최적화시킬 필요가 있다.



웹 표준

웹 표준(Web Standard)이란 ‘웹에서 사용되는 표준 기술이나 규칙’을 의미하며 W3C의 권고안에서 나온 기술들이 여기에 해당한다.이 표준 기술들을 기준으로 웹 브라우저들(크롬, IE, 사파리 등)이 만들어지는데, 브라우저를 만드는 업체(구글, MS, 애플 같은)에서 표준 기술을 해석하는 차이, 새로운 기술 삽입(표준화 제정 단계에 따른) 등으로 조금은 다르게 구동되는 브라우저가 생기게 된다.

정해놓은 규칙을 잘 지켜서 마크업을 한다.ex. 문법적 규칙

웹 접근성

웹 접근성이란 정상적인 웹 콘텐츠 사용이 가능한 일반 사용자부터 고령자, 장애인 같은 신체적, 환경적 조건에 제한이 있는 사용자를 포함해 모든 사용자들이 동등하게 접근할 수 있는 웹 콘텐츠를 제작하는 방법을 말한다.(ex. 청각 장애인을 위해 영상에 자막을 넣거나, 마우스를 사용할 수 없는 사람들을 위해 키보드를 통해서도 웹을 이용할 수 있게 하거나)이미지에 대체 텍스트를 제공하는 간단한 방법들까지 모두 웹 접근성에 해당한다..

사회적 약자들을 위해

  • 제목, 정리
  • 크기, 위치
  • 색상(흑백단계 조정, 중요한 것과 일반 콘텐츠와 단계적 구분
  • 배경음악X

출처: https://heropy.blog/2019/04/24/html-css-starter/

profile
🍀걸어가는 중

0개의 댓글