HTML5의 특징

이전 버전 보다 호환성, 유효성 등이 개선된 태그 구조

 간편한 DOCTYPE: 미래 웹 표준에 대한 호환성 확보

 시맨틱 마크업: 구조에 대한 정의로 마크업 혼란 줄이    기

 WebForm: 유효성 확인을 위한 코드 줄이기

리치 웹 어플리케이션

 오디오/비디오: 인터랙티브한 멀티미디어 콘텐츠 제작 가능

 캔버스: 2D 그래픽 기능 대체 가능

 WebGL: 3D 애니메이션 그래픽 기능 제공 가능

 하드웨어 가속 / Web Worker: 성능 향상

오프라인 어플리케이션

 로컬 스토리지/앱캐시: 인터넷 및 서버 의존성 제거

웹 애플리케이션 개발을 위한 플랫폼

 추가적인 Plug-in이 없이도 다양한 기능들을 제공할 수 있게 됨

 웹 문서 뿐만 아니라 웹 애플리케이션도 만들 수 있는 플랫폼

HTML5 각 기능별 브라우저 지원 여부

 http://html5test.com , https://www.koreahtml5.kr 사이트 등을 통하여 브라우저의 HTML5 지원 정도를 확인할 수 있음

시맨틱 마크업

 기존의 HTML문서는 단지 표현을 위한 수단이었음. 이에 여러 태그를 사용하여 구조를 정의할 수 있지만 이는 정확한 의미의 태그 사용이 아닌 단순한 문서 표현에 불과함

 구조를 나타내기 위하여 추가한 태그

웹 표준화

 어떤 브라우저에서든 누구든 정상적으로 동작하는 사이트를 이용하기 위해서는 웹 표준이 지켜져야 함

 기존에 한 개의 브라우저에서만 동작한다는 것을 알면서도 ActiveX 기술을 사용한 이유는 스크립트 언어만으로는 원하는 기능을 충분히 구현할 수 없었기 때문이었음

 HTML5의 등장으로 스크립트만으로도 원하는 기능을 충분히 구현할 수 있음

HTML 이란

1. HTML5 개요

 HyperText Markup Language의 약자로 월드와이드웹(World Wide Web)에서 사용하는 마크업(Markup) 언어

 마크업(Markup) 언어

•어떠한 문서 안의 정보가 어떻게 구조화되는가를 지정하는 언어를 말함

•문서의 구조 형식을 태그(Tag)를 사용하여 지정

 HTML5

 HTML의 새로운 버전

 1999년 HTML 4.01 버전이 발표된 이후에 XHTML이 발표되고 다시 HTML로 회귀하여 2008년에 HTML5 초안을 발표함

-

HTML5의 정의

 문서 작성을 넘어 다양한 웹 애플리케이션을 만들기 위한 웹 플랫폼을 지향함

 현재 HTML5의 기술 영역이 정의되어 있지 않음. 그 이유는 다양한 사양이 독립적으로 존재하기 때문

 기본적인 틀을 놓고 보면 HTML5는 기존의 HTML4와 크게 차이는 없음

 다양한 기술을 구현하기 위하여 문서 작성을 위한 몇 개의 마크업이 추가 및 삭제되고

 동작을 담당하는 자바스크립트 API가 추가됨 이전 버전 보다 호환성, 유효성 등이 개선된 태그 구조

 간편한 DOCTYPE: 미래 웹 표준에 대한 호환성 확보

 시맨틱 마크업: 구조에 대한 정의로 마크업 혼란 줄이기

 WebForm: 유효성 확인을 위한 코드 줄이기

 HTML5의 특징

 리치 웹 어플리케이션

 오프라인 어플리케이션

 오디오/비디오: 인터랙티브한 멀티미디어 콘텐츠 제작 가능

 캔버스: 2D 그래픽 기능 대체 가능

 WebGL: 3D 애니메이션 그래픽 기능 제공 가능

 하드웨어 가속 / Web Worker: 성능 향상

 로컬 스토리지/앱캐시: 인터넷 및 서버 의존성 제거