BBS > html5

html5 특징

작성자 : 이창우 (x1wins) | 등록일 : 2011-04-26 | 목록
첨부 파일이 없습니다.
첨부 이미지가 없습니다.
첨부 코드가 없습니다.
HTML5는 인터넷 익스플로러9, 안드로이드 폰, 아이폰 등에 탑재된 브라우저에 이미 지원되고

KT의 올래 마켓이 HTML5로 어플리케이션이 만들어지고 있으니 벌써 확산이 시작된듯 하다.

HTML5 의 가장 큰 특징은 Web Documents 를 Web Application 영역으로 까지 확대했다는 것인다.

Web Application 으로 도약되면서 HTML5 가 크게 바뀐 특징은 아래와 같다.



1. SVG & 캔버스 : 그래픽을 자유롭게 그릴 수 있는 영역

(1) 캔버스

캔버스 내에서 원이나 사각형등의 도형이나 선, 이미지같은 2D 그래픽을 그릴 수 있다.

* 타이머를 통한 애니메이션 효과까지 지원되어, 기존의 플러그인으로 제공되던 플래시나 SVG 등의

기능을 기본 태그로 일정부분 대체가능할 것으로 생각된다.

(2) SVG (Scalable Vector Graphics)

Flash에 대응할 수 있도록 만든 규격으로 기존 플러그인에서 HTML 기본 태그로 포함됨



2. 비디오/오디오 재생

동영상 및 오디오를 재생할 수 있다. HTML5 이전에는 외부 플러그린을 사용하지 않으면 동영상이나 오디오를

재생할 수 없었다.

ex) <video src=http://mypage.com/movie.mov></video>

자바스크립트를 이용하여 재생,일시정지, 재생속도의 변경, 위치 변경등도 가능하다.



3. 클라이언트에 데이터 저장

웹 어플리케이션으로 이행 시 가장 중요한 요소이다.

서버 상이 아닌 클라이언트 단말에 데이터를 저장할 수 있다.

Web Storage, Web SQL (SQL lite를 기반) 등으로 클라이언트 단말에 정보가 저장이 가능하다.

기존의 단말에 정보 저장은 쿠키를 통해 이루어 졌지만, 이를 능가하는 저장 기능을 갖추게 되었다.



4. 백그라운드 태스크 수행

기존의 브라우저는 1개의 쓰래드로 태스크를 수행하였으나. 멀티 태스킹을 지원할 수 있다.

이를 가능하게 하는 것이 Web Workers 라고 하는데

Web Workers 란 간단하게 설명하면, JavaScript를 Background로 실행시키는 기술 정도로 설명할 수 있다.

Web Workers 를 사용하면 UI 쓰래드와 별개로 Background로 자바스크립트를 수행할 수 있다.



5. 통신

(1) Web Sockets : 서버와 클라이언트간 소캣 통신을 가능하도록 함, 서버로 부터의 푸시가 가능해진다.

(2) MessageEvent : JavaScript 크로스 도큐먼트 메시징



6. 기타

(1) 어플리케이션 캐시 : 웹 어플리케이션을 오프라인에서도 사용 가능하도록, 필요로 되는 리소스를 클라이언트에 캐시

(2) Geolocation API : 단말의 위치 정보를 제공하는 JavaScript의 API

GPS나 네트워크 정보로 부터 추측한 위치 제공

(3) File API : 웹 어플리케이션이 로컬 파일의 내용을 일부 접근하룻 있도록 하는 API

드래그앤드롭 또는 파일 선택 Form의 요소를 이용해 사용자가 선택한 파일을 접근 할 수 있다.

(4) XMLHttpRequest 기능 추가

출처 - 네이버 검색
로그인 하셔야 댓글을 사용하실수 있습니다.
댓글쓰기를 누르면 로그인 페이지로 이동 후 돌아옵니다.
총 댓글 겟수 2
이창우(x1wins) | 2011-04-26
http://playground.html5rocks.com/#localstorage
이창우(x1wins) | 2011-04-26
http://dev.xguru.net/html5/#semantics-tags-0
번호 제목 등록일 작성자 조회수
22 svg (0) 2011-04-28 이창우 2124
21 요약 (0) 2011-04-28 이창우 2085
20 html tracker (0) 2011-04-28 이창우 2059
19 html5 validation (0) 2011-04-27 이창우 2183
18 web socket (0) 2011-04-27 이창우 2338
17 html5 web socket (0) 2011-04-26 이창우 2329
16 html5 seminar (0) 2011-04-26 이창우 2257
-> html5 특징 (2) 2011-04-26 이창우 2795
13 html5 video (2) 2011-04-26 이창우 2154
< 1 >
글쓰기 검색