HTML5, HTML5 API  

(2018-09-08)

HTML 5, Canvas, Web Storage, 웹 스토리지, History API

1. HTML 5

  ㅇ 2014년10월 표준안 확정 발표
     - WHATWG에서 웹 어플리케이션 1.0 이라는 명칭으로 계속 개발되고 반영되고 있음
        . 즉, 규격 자체가 진화중 임

  ㅇ 특징
     - 기존 HTML 버전들과는 달리 SGML에 기반을 두지 않음
     - 시각적 효과 이외에 의미적인 문서의 구조화 도모
        . 例) header, section, article 등 태그 지원
     - 그래픽,동영상,음악 등을 위한 웹 어플리케이션의 구현 가능 플랫폼
        . 따로 별도의 플러그인 없이도, 다양한 멀티미디어 감상 가능
     - HTML 5는 맨처음 <!DOCTYPE html> 으로 시작
     - HTML5 API 제공 
        . 기존 HTML과는 달리, 규격화된  응용 서비스들의 모음
        . 例)  폼,비디오/오디오,캔버스,SVG,위치정보, DB, 소켓 등의 API 제공


2. HTML 5 API (주로, 자바스크립트로 호출,제어되는 API)

  ㅇ Geolocation
     - 웹브라우저 사용자의 위치를 알아냄

  ㅇ 히스토리 관리 (History API)
     - window.history.pushState(데이터 객체, 제목, URL)
     - window.history.replaceState(데이터 객체, 제목, URL)
     - window.onpopstate : 뒤로가기나 앞으로가기를 했을 때, 이벤트 발생
     - window.history.state : popstate 이벤트 발생 후, 
                              history.state에 접근하여 이전 state를 가져옴 

  ㅇ 교차 출처 간 메세지 전달
     - 서로 다른 출처의 문서 사이에 메세지를 전달할 수 있게 하는 기능

  ㅇ Canvas
     - 웹페이지 내에 자바스크립트프로그램이 가능한 그림 화폭

  ㅇ Web Storage
     - 웹브라우저의 내부 스토리지
     - 구분
        . localStorage   : origin 별로 지속되는 내부 스토리지
        . sessionStorage : 현재 세션 동안 만 유지되는 내부 스토리지

  ㅇ Blob
     - 대용량 이진 데이터를 다루는 기능

  ㅇ File
     - 로컬 파일 시스템을 읽고 쓰는 기능

  ㅇ Drag and Drop
     - HTML 요소 또는 로컬 파일을 마우스로 끌어서, 움직이거나 다른 HTML 요소로 이동시킬 수
       있는 데이터 전달 기능
     - draggable 속성에 "true" 또는 "false" 지정하면 됨
         <div draggable="true">드래그 가능</div>
        . href 속성 있는 a 요소, src 속성 있는 img 요소는 기본적으로 드래그 가능
     - 관련 이벤트
        . dragstart : 드래그를 시작할 때 발생
        . drag : 드래그 동안 발생
        . dragend : 드래그가 끝날 때 발생
        . dragenter : 마우스가 드롭 요소 안에 지입할 때 발생
        . dragover : 마우스가 드롭 요소 위에 있는 동안 발생
        . dragleave : 마우스가 드롭 요소 밖으로 나갈 때 발생
        . drop : 요소에 드롭할 때 발생

  ㅇ Web Workers
     - 여러 개 프로그램멀티스레드병렬 처리하는 기능

  ㅇ Indexed Database
     - 로컬에 키-값(key-value) 쌍 타입의 관계형 데이터베이스 기능

  ㅇ Web Socket
     - 서버와의 양방향 통신 제공 기능


[HTML] 1. HTML 2. HTML 용어 3. DHTML 4. HTML5
[HTML 요소]

 
        최근수정     요약목록(시험중)     참고문헌