HTML이란 무엇인가?
HTML은 'Hyper Text Markup Language(하이퍼텍스트 마크업 언어)'의 약자로, 태그(tag)를 사용해 텍스트 문서의 구조를 정의하고 웹 페이지를 구성하는 마크업 언어입니다. 즉, HTML은 하이퍼텍스트와 마크업 언어가 결합된 형태로, 웹에서 정보를 연결하고 표현하는 가장 기본적인 도구라고 할 수 있습니다.
HTML5는 이러한 HTML의 발전된 버전으로, 멀티미디어 지원, 데이터 저장 방식, 스크립트 처리 등 여러 측면에서 새로운 기능이 대거 추가되었습니다. 아래 표에서 HTML과 HTML5의 주요 차이점을 항목별로 살펴보겠습니다.
HTML과 HTML5의 주요 차이점
| 번호 | 구분 | HTML | HTML5 |
|---|---|---|---|
| 1 | 오디오·비디오 지원 | 초기 버전인 HTML은 플래시 플레이어(Flash Player) 같은 외부 플러그인 없이는 오디오와 비디오를 재생할 수 없었습니다. | HTML5는 <audio> 및 <video> 태그를 제공하여 별도의 플러그인 없이 오디오와 비디오 컨트롤을 직접 지원합니다. |
| 2 | 데이터 저장 | HTML은 브라우저 쿠키(cookie)와 세션(session)에 의존하여 서버에서 클라이언트로 전송되는 데이터를 저장합니다. | HTML5는 SQL 데이터베이스와 애플리케이션 캐시(application cache)를 활용해 클라이언트 측에 데이터를 저장할 수 있어, HTML보다 훨씬 확장성 있는 데이터 관리가 가능합니다. |
| 3 | 자바스크립트 실행 | HTML은 자바스크립트를 서버 사이드 언어로 간주하여 문서 내에서 직접 실행하는 것을 지원하지 않습니다. | HTML5는 JS Web Worker API를 도입해 백그라운드에서 자바스크립트 코드를 실행할 수 있게 하여, HTML 코드 실행과 동시에 자바스크립트 처리가 가능해졌습니다. |
| 4 | 도형 그리기 | HTML은 브라우저 측에서 원이나 삼각형 같은 도형을 코드로 직접 그릴 수 없습니다. | HTML5는 <canvas>나 SVG를 활용해 원, 사각형, 삼각형 등 다양한 도형을 코드만으로 그릴 수 있도록 지원합니다. |
| 5 | 브라우저 호환성 | HTML은 최신 브라우저는 물론 구형 브라우저까지 폭넓게 지원되므로 상대적으로 호환성이 뛰어납니다. | HTML5는 Chrome, Firefox, Safari, Edge 등 최신 브라우저에서만 완전히 지원되며, 구형 브라우저에서는 일부 기능이 제한될 수 있습니다. |
정리
결론적으로 HTML5는 멀티미디어 재생, 클라이언트 측 데이터 저장, 백그라운드 스크립트 실행, 벡터 그래픽 렌더링 등 현대적인 웹 개발에 필수적인 기능을 대폭 강화한 버전입니다. 다만 구형 브라우저 지원에는 한계가 있으므로, 서비스 대상 사용자층과 브라우저 환경을 고려해 적절한 버전을 선택하는 것이 중요합니다.