웹 표준 기술(HTML5, CSS3, JavaScript)

웹 표준 기술

# 웹 표준 기술

 

ㅁ HTML5는 큰 의미로 웹 표준 기술을 총칭합니다. CSS3와 자바스크립트를 모두 포함해서 이야기합니다. HTML5는 작은 의미로 웹 페이지를 구성하는 HTML 마크업 언어 그 자체를 뜻하기도 합니다. 마크업 언어란 웹 페이지이의 서식이나 구조를 표현하는 정보로 흔히 태그 또는 마크업 지시자라고도 합니다. '마크업 한다'라는 것은 HTML로 웹 페이지의 구조나 요소를 프로그래밍한다고 이해하면 됩니다.

ㅁ CSS는 HTML 페이지에 스타일을 저장하는 스타일시트를 작성할 때 사용하는 언어입니다. 

ㅁ JavaScript는 HTML 페이지에서 사용자 반응 등을 처리하는 스크립트를 작성하는 언어입니다. 유럽 컴퓨터제조협회(ECMA)에서 자바스크립트의 정식 명칭을 ECMAScript라고 정하였지만 많은 사람이 계속해서 자바스크립트라는 이름을 사용하므로 자바스크립트라고 편히 부르면 됩니다.

 

# HTML5의 주요 기능

ㅁ 멀티미디어 기능

: 기존 웹 페이지는 스스로 동영상이나 음악을 재생할 수 없었습니다. 플래시라는 플러그인을 사용해서 동영상을 재생해왔던 것을 HTML5가 등장하면서 플러그인 도움 없이도 스스로 음악과 동영상을 재생할 수 있게 되었습니다.

ㅁ 그래픽 기능

: HTML5는 하드웨어의 가속을 받아 2차원 그래픽과 3차원 그래픽을 모두 구현할 수 있습니다. 

ㅁ 통신

: HTML5는 서버와 소켓 통신을 할 수 있습니다. 지금까지 HTML 페이지는 서버에 데이터를 요청해서 받아만 오는 단방향 방식으로 구현되었습니다. 하지만 HTML5에서는 서버와 실시간으로 쌍방향 통신을 수행할 수 있어 웹에서 실시간 채팅이나 온라인 게임을 즐길 수 있습니다. 이로 인해 웹 브라우저에서 곧바로 고객 센터에 문의하고 답변을 받을 수 있게 되었으며, 웹에서 여러 사람과 함께 게임을 즐기는 것도 가능해졌습니다.

ㅁ 장치 접근

: HTML5는 장치에 접근해 장치 정보(배터리 잔량, 위치 등)를 가져오거나 장치 기능(알람 등)을 사용할 수 있습니다.  

ㅁ 오프라인 및 저장소

: HTML5는 인터넷이 연결되지 않은 상태에서도 응용 프로그램을 동작시킬 수 있습니다. 인터넷이 연결되지 않아도 웹 페이지를 활용할 수 있다는 것은 HTML5를 응용 프로그램의 중심으로 사용하는 운영체제의 등장을 의미합니다. 

ㅁ 시맨틱 

: HTML5 표준에서는 시맨틱(Semantic) 웹을 구현하는데 필요한 시맨틱 태그를 새로 추가했습니다. 시맨틱 웹은 검색 엔진 같은 프로그램이 정보를 분석하고, 자료를 검색 및 처리해서 제공하는 지능형 웹을 의미합니다. 

ㅁ CSS3 스타일시트

: HTML5는 CSS3 스타일시트를 완벽하게 지원합니다. CSS3 스타일시트를 사용하면 3차원 변환이 가능할 뿐만 아니라 애니메이션 효과를 적용할 수 있습니다.

ㅁ 웹의 성능 극대화 및 통합

: HTML5의 추가 기능으로 기존에 이용하던 웹 성능을 극대화할 수 있습니다. 예를 들어 웹 워커를 이용하면 사용자 화면을 멈추지 않으면서 연산도 처리할 수 있습니다.