HTML5는 HTML4 와 XHTML1과 거의 완벽하게 호환된다
HTML의 문법적인 느슨함 ( 대소문자 구분 x,종료 태그 생략 , value 생략등) 을 보완해서 내려온게 XML이다
XML은 정형식 구조로 열였다면 반드시 종료태그가 있어야하고 모두 소문자만 사용 등 일관된 코드를 만들 수 있고 개발자가 실수를 줄일 수 있다
위와같은 것들의 스펙을 재정의한 것이 XHTML이다
그렇다면 이들의 차이점은 무엇인가?
<blockquote>
,<body>
,<detail>
, <fieldset>
<section>, <article>, <nav>, <aside>
ex) <h1>, <h2>, <h3>
1) 메타 데이터 컨텐츠 (metadata content)
ex) base, command , link ,meta, noscript, script, style, title
2) 플로우 콘텐츠 (flow content)
ex) a, abbr, address, map>area, article, aside, audio, b, bdo, blockquote, br, button, canvas, cite, code, command, datalist, del, details, dfn, div, dl, em, embed, fieldset, figure, footer, form, h1 ~ h6, header, hgroup, hr, i, iframe, img, input, ins, kbd, keygen, label, map, mark, math, menu, meter, nav, noscript, object, ol, output, p, pre, progress, q, ruby, samp, script, section, select, small, span, strong, style[scoped], sub, sup, svg, table, textarea, time, ul, var, video, wbr
3) 섹셔닝 콘텐츠 (sectioning content)
ex) article, aside, nav , section
4) 프레이징 콘텐츠(phrasing content)
ex) a, abbr, map>area, audio, b, bdo, br, button, canvas, cite, code, command, datalist, del, dfn, em, embed, i, iframe, img, input, ins, kbd, keygen, label, map, mark, math, meter, noscript, object, output, progress, q, ruby, samp, script, select, small, span, strong, sub, sup, svg, textarea, time, var, video, wbr
5) 임베디드 콘텐츠(embeded content)
ex) audio, canvas, embed, iframe, img, math, object, svg, video
6) 인터액티브 콘텐츠(interative content)
ex) input, textarea, label, button a, audio
7) 트랜스패런트 콘텐츠(palpable content)