HTML이란?
HyperText Markup Language
HyperText: 하이퍼링크로 한 문서에서 다른 문서로 접근할 수 있는 특수한 형태의 문서.
Markup: 마크, 즉 표시를 하다
Language: (컴퓨터)언어
-> 하이퍼텍스트를 표시해주는 마크업 언어
HTML, CSS, JavaScript
[구조] HTML: 웹 문서의 기본적인 골격을 담당
[표현] CSS: 각 요소들의 레이아웃, 스타일링을 담당
[동작] JavaScript: 동적인 요소(사용자와의 인터렉션)을 담당
HTML과 CSS가 구분돼있기 때문에 하나의 HTML만으로도 두개의 레이아웃을 만들 수 있음.
웹 표준과 웹 접근성, 호환성
똑같은 html 문서를 다른 브라우저에서 연다면?
→ 약간씩 디자인은 다르지만, ‘버튼’에 대해 버튼의 기능을 함
만약 표준을 지키지 않는다면? 해당 브라우저를 위해 개발자가 따로 코드를 작성해야 하는 일이 발생함
웹 표준(Web Standards)
HTML5는 W3C에서 2014년에 공식 표준화.
2019년에 WHATWG에 의해 HTML Living Standard가 표준화 됨.
HTML이 표준화 되기 이전에는 익스플로러의 엑티브X처럼 독자적인 플러그인이 존재하기도 하였음.(이를 위해 엑티브X를 위한 프로그램을 따로 만들었음)
웹 표준을 준수하여 작성한다면 운영체제, 브라우저마다 의도된 대로 보여지는 웹 페이지를 만들 수 있음.
웹 접근성(Web Accessibility)
장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식으로 모든 사용자들이 정보와 기능에 동등하게 접근할 수 있도록 함.
개발 시 접근성을 높이는 것이 중요.
웹 브라우징에 쓰이는 보조과학기술: 스크린리더, 화면 돋보기, 음성 인식 등
웹 호환성(Cross Browsing)
웹 브라우저 버전, 종류와 관계없는 웹사이트 접근
웹 표준 준수를 통한 브라우저 호환성 확보
-
HTML, CSS 문법 준수
-
동작, 레이아웃, 플러그인 호환성
+) 크로스 브라우징이란 웹 호환성을 나타냅니다. 웹 페이지 제작 시 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게 나오게 하는 작업입니다.
웹 표준을 준수함으로써 브라우저의 호환성을 확보할 수 있습니다.
크로스 브라우징이 필요한 이유는 브라우저마다 렌더링하는 엔진이 다르기 때문입니다.
브라우저 별로 때때로 해석하지 못하는 CSS코드나 작동하지 않는 javascript 등이 존재할 수 있습니다.
