공룡호가 사는 세상 이야기

졸업 프로젝트로 웹에디터를 구현중에 있는데,
HTML의 확장된 버전 지원 여부를 결정하기 위해 자료를 찾다 보니 왠걸, developerWorks가 걸렸다.
비록 번역되지 않은 Article이긴 하지만, 상관없다.

HTML 5에서 달라지는 점은 크게 3가지 이다. 먼저 웹 브라우저 마다 기존의 HTML을 해석하는 방식의 차이에서 오는 혼란을 없애기 위해 구현 방식을 상세하게 기술한 점이다.
기존 HTML의 하위 호환성은 제공하면서 <!doctype html>라는 새로운 DOCTYPE을 가진 경우 각 요소와 속성에 대한 웹 브라우저의 동작 방식이 명확하게 정의했다. 전체 표준안의 상당 부분이 여기에 해당한다.

두 번째는 새로운 HTML 요소를 대거 도입하고 콘텐츠 구조에 불필요한 요소와 속성들을 제거 했다. 웹 문서를 구조적으로 제공 가능한 <header>, <nav>. <footer> 같은 태그를 포함하였고 시간, 측정 단위 등 의미를 살린 <time>. <m> 태그 등이 추가 되었다. 대표적인 스타일 요소인 <font>. <strike>와 align이나 background, bgcolor 같은 속성은 더 이상 사용할 수 없다.

HTML에서 달라지는 가장 대표적인 특징은 웹 애플리케이션 개발용 스펙들이다. 가장 대표적인 것이 WebForm에서 다양한 속성들을 추가한 것이다. <input> 태그에 datetime 속성을 넣어주면 웹 브라우저가 자동으로 달력을 표시해 준다. 또한 IE에서만 사용 가능 했던 CONTENTEDITABLE 속성이 표준화 되어 모든 HTML 요소를 사용자가 직접 편집할 수 있게 된다. 특히 innerHTML, embed 같이 많이 사용하면서도 비 표준 영역에 있었던 것들이 대거 포함된다.

뿐만 아니라 HTML 요소의 드래그앤 드롭, 오디어 비디오 표시, 벡터 그래픽 표시를 위한 각종 요소들을 새로 도입 했다. 그러면서도 <b>, <i> 같은 대표적인 HTML 요소는 없애지 않고 각각 제품명 키워드 같은 강조 요소와 동식물 학명 같은 이탤릭체에 사용하도록 재정의 했다.

HTML 5에 새로 도입된 엘리먼트는 다음과 같다.
  1. 구조적 엘리먼트 : aside, figure, section
  2. 인라인 엘리먼트 : time, meter, progress
  3. 임베딩 엘리먼트 : video, audio
  4. 인터렉티브 엘리먼트 : details, datagrid, command

각각의 자세한 설명과 사용 예 등을 확인하고 싶다면, 다음 링크로 이동하자.
http://www.ibm.com/developerworks/kr/library/x-html5/index.html


추가적으로, 현재 국내에는 Ajax, SilverLight, AIR 등 각종 리치 인터넷 기술이 웹 APP의 미래인 듯 포장되고 있는 감이 없지 않다. 하지만 우를 범해서는 안되는 것이 웹은 정보 전달의 수단으로 기본에 충실하면서 애플리케이션 기능을 제공할 수 있어야 한다는 점이다.
사용자 경험은 담보로 기존 웹의 장점들을 낡은 기술로 치부해서는 안 된다.

이는 브라우저 벤더들 몫만이 아니다. 누구나 정보와 기능 모두를 제공할 수 있도록 웹의 컨텐츠를 만들고 생산하는 모든 저작자들과 리치 웹 서비스를 만드는 사람들의 책임이다. HTML5가 중요한 것은 이러한 표준 웹의 근본적인 변화가 시도되고 있기 때문이다.

HTML5 REF : http://www.ibm.com/developerworks/kr/library/x-html5/index.html
참고 : 윤석찬(다음 R&D센터) 님의 기사 : http://channy.creation.net/blog