HTML5 - [1] HTML5 (특징, 기본구조, 콘텐츠모델)

HTML5 - [1] HTML5 (특징, 기본구조, 콘텐츠모델

HTML5

목적: 기존 HTML의 호환성을 유지하면서 웹 개발자들이 웹 애플리케이션을 개발하면서 부딪치는 한계점 해결

현재 사용되고 있는 W3C 표준인 HTML 4.01을 대폭 개선시킨 마크업 언어로서, 단순 텍스트와 하이퍼링크만 표시하던 HTML이 복잡한 애플리케이션까지 제공할 수 있는 웹 애플리케이션 플랫폼으로 진화한 형태

• 웹 표준 기구인 W3C에서 만들고 있는 차세대 웹 표준안으로서, 마이크로소프트, 모질라, 애플, 구글, 오페라 등 주요 웹 브라우저 벤더가 참여하고 있는 산업 표준

통칭하는 HTML5 ~= HTML + CSS3 + JavaScript

주요 기능 - web form, offline web, web database, web storage, video, audio, canvas, SVG, geolocation, web worker, web socket, CSS3

HTML5의 특징

웹 애플리케이션 개발을 위한 플랫폼: 웹 문서 뿐만 아니라 웹 애플리케이션도 만들 수 있는 플랫폼

시맨틱 웹: 단지 표현을 위한 수단이 아닌 의미 있는 구조의 문서 작성을 위한 태그들이 추가됨

웹 표준화: 어떤 브라우저에서든 누구든 정상적으로 사이트를 이용할 수 있도록 웹 표준이 준수되어야 함

HTML5 문서의 기본 구조

HTML 문서의 구성 요소 - 요소, 태그(시작태그, 종료태그), 속성, 속성값(변수)

문서의 기본 템플릿은 기존의 HTML/XHTML의 형식과 크게 다르지 않으며, 거의 완벽하게 호환

DOCTYPE 선언과 문자 인코딩 선언 부분이 아래와 같이 간단해졌다.
문서의 제목 on jsbin.com

HTML5 콘텐츠 모델

HTML5의 각 요소는 콘텐츠 유형에 따라 분류 가능하며, 한 요소는 반드시 한 분류에만 속하는 것이 아니라 조건에 따라 다른 분류에 속할 수도 있다.

유형 종류: metadata 콘텐츠, flow 콘텐츠, sectioning 콘텐츠, heading 콘텐츠, phrasing 콘텐츠, embedded 콘텐츠, interactive 콘텐츠, palpable 콘텐츠, script-supporting elements