HTML5 지원 API

CODEDRAGON Development/Web, WWW

반응형

   

HTML5 지원 API

API

내용

웹 스토리지(Web Storage)

로컬 스토리지(Local Storage). 웹의 내용을 사용자 컴퓨터에 임시저장하는 기능

드래그앤트롭(Drag & Drop)

웹 페이지상에서 원하는 항목을 드래그할 수 있게 해주는 기능

지오로케이션(Geolocation)

공개지도 API와 함께 사용하면 자신의 현재 위치를 알아낼 수 있는 기능

HTML5에서는 별도의 IP위치정보서비스를 이용하지 않고도 위치정보를파악할수 있습니다.

왜냐하면 브라우저가 IP 주소 또는 주위의 무선공유기정보등을 파악하여 제공하기 때문

각종 스마트 디바이스에 존재하는 위치 찾기 기능이 이기능을 활용하고 있습니다.

  

캔버스(Canvas) 2D

Canvas 요소와 그리기 API를 제공

브라우저에서2D 그래픽을 지원하는 기능으로 SVF와는 다르게 픽셀 단위로 2D 그래픽을 그릴수 있는 기능

그래픽, 차트, 2D, 3D 객체 등 어떤 형태의 타입도 그릴 수 있습니다.

실시간 이미지 프로세싱기능 도 지원

웹 워커(Web Workers)

CPU에 부하를 많이 주는 작업을 여러 워커(Worker)로 나누어 작업

웹 SQL 데이터베이스

(Web SQL Database)

웹 브라우저에 내장 데이터베이스를 만들고 SQL 질의를 사용할 수 있는 기능

임베디드 오디오 및 비디오지원(Embeded audio and video)

여러 종류의 디바이스에서 오디오 및 비디오를 실행할 수 있는 환경을 마련

기존의 Flash 기술을 대체할 수 있는 Cross-platform으로 여러 종류의 디바이스에서 오디오 및 비디오를 실행할 수 있도록 해 줍니다.

미디어쿼리(Media queries)

  • 스크린사이즈(뷰포인트), 방향 또는 해상도를 기반으로 페이지에 특정Style Sheet를 적용하기 위한 사용하는 명세
  • 스크린사이즈, 해상도등에 따라 CSS 코드를 분기하여 최적화된 UX(User Experience) 제공
  • 웹페이지가 사용자 화면 해상도에 따라 페이지의 내용을 유연하게 바꾸어주게 됩니다.

CSS3

모듈기반으로 개발되고 있으며 구현이 쉬움

그래픽효과를 가지는 모듈 추가

각종효과를 제공 (포토샵 과 자바스크립트 및 서버 기술의 일부를 대체)

Offline Web Application

Offline을 지원하는 API 기능이 추가

기타

Web Application이 특정 프로토콜이나 Media Type을 등록할 수 있는 API,

편집 API,

Drag & Drop API,

History 정보를 노출하는 API