HTML5
기술노트
HTML5
HTML5는 HTML(Hypertext Markup Language)의 5번째 주요 버전으로, 웹 콘텐츠를 구조화하고 표현하기 위한 마크업 언어입니다.
기존 HTML과의 차이점
HTML5도 HTML을 근간으로 하며 HTML 태그를 사용하는 스크립트 언어입니다. HTML5에서 가장 중요하고 특징적인 발전은 Socket 기능입니다. Socket은 통신에서 사용되며, 네트워크에서 통신을 할 때 Socket을 만들고 그 Socket을 통해 데이터를 주고받습니다. 서버와 클라이언트 간의 통신에서 각각 Socket이 생성되고, 이 Socket은 통신을 하기 위한 주체가 됩니다. HTML5에서는 이러한 Socket 통신이 HTML 상에서 구현 가능하도록 발전했습니다.
HTML5의 혁신적인 이유
HTML5가 혁신적인 이유는 HTML이 동작되는 원리와 관련이 있습니다. 기존 HTML은 HTTP 통신 기반에서 작동하며, 주로 서버로부터 클라이언트가 콘텐츠를 받는 방식이었습니다. 클라이언트가 요청을 하면 서버가 응답하고 통신이 종료되는 단방향 방식이었습니다.
웹사이트에서 링크를 타고 다른 페이지로 넘어갈 때마다 해당 페이지를 서버에 요청하고, 내용을 받은 후 접속을 종료하는 방식이었습니다. 이는 일반적인 채팅과 같은 실시간 통신과는 달랐습니다.
HTML5는 이러한 기존 웹페이지의 단점을 보완하면서도 웹 화면 내에서 실시간 통신을 가능하게 했다는 점이 획기적입니다. 기존의 HTML 및 HTTP 통신 원리를 이해하고 있다면, 이러한 변화는 매우 혁신적이라고 할 수 있습니다.
HTML5의 주요 특징
- WebSocket API - 실시간 양방향 통신 지원
- 비디오 및 오디오 태그 - 플러그인 없이 멀티미디어 재생 가능
- Canvas - 2D 및 3D 그래픽 구현
- 지오로케이션 API - 위치 기반 서비스 제공
- 로컬 스토리지 - 클라이언트 측 데이터 저장 강화
- 시맨틱 요소 - 웹 페이지 구조를 더 명확하게 정의
