HTML5

• 플러그인 설치없이 웹 애플리케이션을 만들기 위한 API가 추가된 HTML4의 다음 버전

1.semantic tag 추가

• 의미전달을 위한 태그 - 이전에는 div로 생성

<article></article> : 눈으로만 보면 div 와 아무런 차이가 없습니다.

• 로봇이 보면 div는 그냥 영역이라고 판단하지만 article은 기사의 본문이라고 판단
• 이전에는 div를 만들고 class 속성을 추가해서 의미를 전달
• 이런 요소로<header>, <section>, <article>, <aside>, <nav>, <footer> 가 추가됨

2.WebStorage

• 브라우저 안에 자바스크립트 객체를 저장

3.WebSQL

• 관계형 데이터베이스 사용

4.IndexedDB

• NoSQL 과 유사한 데이터베이스 사용

5.Drag&Drop API

6.GeoLocation: 브라우저에서 위치 정보 사용 가능

7.Canvas: 2D 나 3D 드로윙 가능

• 3D는 WebGL을 이용

8.WebWorker: 스레드 API

9.Web Socket: http 나 https는 한 번 데이터를 전송받으면 연결 해제되는데 WebSocket은 연결을 유지 하는 것이 가능한데 프로토콜은 ws

10.Web Push: 클라이언트의 요청없이 서버가 클라이언트에게 메시지를 전송하는 기술

• WebSocket 과 WebPush는 서버없이는 테스트가 불가능
• HTML5는 semantic tag가 전부가 아님