HTML5 Introduction
HTML5 소개
What is New?
New Elements [ 새로운 엘리먼트들 ] - 시멘틱 엘리먼트 추가, 새로운 form
New Attributes [ 새로운 어트리뷰트들]
Full CSS3 Support [ CSS3 완전 지원 ]
Video and Audio [ 비디오와 오디오 지원 ] - 비디오, 오디오 재생을 보다 더 쉽게 사용가능.
2D/3D Graphics [ 2D/3D 그래픽 지원 ] - 그래픽을 그리기가 더 쉬워짐.
Web Applications [ 웹 어플리케이션 ] - 웹 어플리케이션을 보다 더 개발하기 쉬워짐.
Local Storage [ 로컬 데이터저장소 ]
Local SQL Database [ 로컬 SQL 데이터베이스 ]
Local file access
Application cache
Javascript workers
XHTMLHttpRequest 2
HTML5 는 HTML의 최신 규격임.
HTML 이전 버전인 4.01 은 1999년도에 나왔으며, 이후 인터넷은 크게 변경되었음.
HTML5 는 HTML4 와 XHTML 을 모두 대체하도록 설계되어 있으며, HTML DOM 레벨 2 이다.
이것은 특별히 추가 플러그인이 필요없이 다양한 콘텐츠를 제공하도록 설계되어있다.
현재버전에는 애니메이션 그래픽, 영화, 음악, 또 복잡한 웹 어플리케이션을 구축하는데에 사용할 수 있다.
HTML5 는 크로스 플랫폼이다. 이것은 PC, 태블릿, 스마트폰, 스마트TV 어디에서나 작동하도록 설계되어 있다.
How Did HTML5 Get Started?
HTML5 는 월드 와이드 웹 컨소시엄(W3C) 와 웹 하이퍼텍스트 응용 기술 워킹 그룹(WHATWG) 과의 제휴임.
WHATWG 는 웹폼과 어플리케이션쪽으로 작업을 하고 있었고, W3C 는 XHTML2.0 쪽으로 작업을 하고 있었음.
2006년도에 HTML 의 새로운 버전을 작성하기로 결정함.
HTML5 에 대해 몇가지 규칙을 설치함.
새로운 기능은 HTML, CSS, DOM, Javascript 에 기반으로 해야 한다.
플래쉬 같은 외부 플러그인의 필요성이 감소해야 한다.
에러처리는 이전버전보다 더 쉽게 해야 한다.
스크립트는 보다 더 많은 마크업으로 대체해야 한다.
HTML5 는 장치에서 독립적이어야 한다.(의존성이 없어야 됨.)
개발프로세스는 모두에게 표시되어야 한다.
HTML5 <!DOCTYPE>
HTML5 는 오직 하나의 DOCTYPE 정의로서 나타낼 수 있다. 아래와 같이 매우 간단한 문장으로서.
<!DOCTYPE html>
A Minimum HTML5 Document
필요한 태그들로만 구성된 간단한 HTML5 예제.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>
HTML5 - New Features
HTML5 에서 가장 흥미로운 새 기능중 일부는 다음과 같다.
2D 도면을 위한 <canvas> 엘리먼트.
미디어 플레이를 위한 <vidio>, <audio> 엘리먼트.
로컬 저장소 지원.
새로운 컨텐츠 - <artical>, <footer>, <header>, <nav>, <section> 와 같은 특별한 엘리먼트
캘린더, 날짜, 시간, 이메일, 주소, 검색 등 새로운 폼 컨트롤러
Browser Support for HTML5
대부분의 브라우저는 HTML5 엘리먼트와 API 들을 지원하고, 새로운 HTML5 최신버전에 기능을 추가 하고 있다.
HTML5 워킹그룹은 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, 등 수백개의 공급업체들이 있다.
