HTML5에 대하여

제 홈페이지와 동시에 연재하려고 옮겨 봅니다. 

요즘 HTML5에 대한 이야기들을 종종 볼 수 있습니다.
상당히 흥미를 가지고 있었던 주제인데요.. 이번에 새롭게 정리해 보려고 합니다. 

HTML5의 정의
HTML5는 HTML, XHTML, HTML DOM에 대한 새로운 표준으로 W3C(World Wide Web Consortium)와 WHATWG(Web Hypertext Application Technology Working Group)의 상호 협의로 만들어진 것입니다. 

W3C는 XML, XHTML등의 표준을 작성한 곳으로 이미 여러번 설명했었구요.. 
WHATWG는 web form과 application에 대한 표준을 만들던 곳이라고 합니다. 

중간에 XHTML이 나오기는 했지만, HTML의 XML 버전에 불과했으므로 실질적으로 1999년에 만들어진 HTML을 현재까지도 사용하고 있었다고 봐야 합니다. 

10여년이 흐르면서 웹에는 많은 변화가 있었습니다. 플래시의 발전, Ajax/RIA와 같은 기술의 등장으로 표준 자체에서 이런 것들을 소화할 수 있어야 한다는 요구가 있었던 것이죠.. 
HTML은 그대로 놔두면서 css, script, plug-in등으로 웹을 발전시키기에는 한계가 있었다고 봅니다. 

그래서 HTML5에서는 다음과 같은 규칙을 정했습니다.

HTML5의 Rules
- 새로운 기능들은 HTML, CSS, DOM, JavaScript를 기반으로 한다.
- 플래시와 같은 외부 플러그인의 필요성을 줄여야 한다.
- 더 나은 에러 처리 기능을 제공해야 한다.
- 스크립트를 대체할 다양한 마크업(태그)을 제공해야 한다.
- HTML5는 디바이스에 독립적이어야 한다.
- 전체 개발 프로세스는 공개적으로 진행되어야 한다. 

사파리, 구글크롬, 파이어폭스, 오페라의 최신 브라우저들이 HTML5의 일부 기능을 지원하고 있습니다. 
아쉽게도 MS의 IE는 버전 9부터 지원할 예정이라고 합니다. 
(HTML5의 일부 기능이라도 테스트를 하려면 다른 브라우저를 하나 설치하셔야 합니다. -.-)

HTML5라고 해서 너무 어렵게 생각할 필요는 없을 것 같네요.. 
계속 사용하던 HTML4에 기반을 두고 있고 새롭게 추가된 기능만 잘 이해하면 될 것 같습니다.  
새로운 기능들도 기존에 스크립트나 플래시등으로 사용하던 것을 표준에 추가한 것이라 생각하면 그리 어렵지 않게 따라 갈 수 있을 것 같습니다. 

즉 <embed> 태그나 <script> 태그안에 프로그래밍으로 구현하던 것을 <vedio>, <nav> 등의 태그로 한방에 해결한 것이라고 보면 될 것 같아요.. 

미니도 처음 HTML5를 살펴보고 있으니까 여러분도 함께 따라가면서 배워나가보자구요..  

마지막으로 HTML5에 새롭게 추가된 기능에 대해서 정리해 보도록 할께요.. 

HTML5의 새로운 기능들
- Drawing을 위한 canvas 요소의 추가
- 미디어 처리를 위한 video, audio 요소의 추가
- 오프라인 저장을 지원하기 위한 기능들의 보완
- article, footer, nav, section 요소와 같이 콘텐츠 처리를 위한 요소의 추가
- calendar, date, time, email, url, search와 같은 새로운 form 컨트롤의 추가 

내용을 정리하다 보니 HTML5에 대한 기대가 됩니다. ^^
HTML에 부가적으로 처리하던 기술들을 잘 포함시켜 놓은 것 같네요.. 

다음에는 실제 예제를 실행해 보고 새롭게 추가된 기능들에 대해서 
좀더 자세하게 정리해 보려고 합니다. 

2011/01/18 - [프로그래밍] - HTML5에 대하여
2011/01/20 - [프로그래밍] - HTML5에 추가된 요소들
2011/02/02 - [XML Developer/HTML5] - HTML5 video 태그
2011/02/16 - [XML Developer/HTML5] - HTML5 audio 태그