Transcription of <HTML5 강좌 리스트 - direct.co.kr
1 <HTML5 > Contents [HTML5 ] 1. HTML5 .. 3 [HTML5 ] 2. HTML4 vs HTML5 (1) .. 9 [HTML5 ] 3. HTML4 vs HTML5 (2) .. 13 [HTML5 ] 4. Sementic Element (1) .. 22 [HTML5 ] 5. Sementic Element (2) .. 30 [HTML5 ] 6. Strong Web Form .. 46 [HTML5 ] 7. Rich Text Edit API .. 62 [HTML5 ] 8. Video Element .. 67 [HTML5 ] 9. Audio Element .. 77 [HTML5 ] 10. Canvas Element .. 81 [HTML5 ] 11. Drag & Drop API .. 97 [HTML5 ] 12. Offline Web Application .. 101 [HTML5 ] 13. Communication API .. 107 [HTML5 ] 14. Web Storage .. 115 [HTML5 ] 15. Web SQL Database .. 123 [HTML5 ] 16. Web Worker .. 128 [HTML5 ] 17. Web Socket .. 133 [HTML5 ] 18. Geolocation API .. 141 [HTML5 ] 19. SVG .. 153 [HTML5 ] 20. File API .. 162 2 [HTML5 ] [HTML5 ] 1. HTML 5 [HTML5 ] 2. HTML4 vs HTML5 (1) [HTML5 ] 3.
2 HTML4 vs HTML5 (2) [HTML5 ] 4. Sementic Element (1) [HTML5 ] 5. Sementic Element (2) [HTML5 ] 6. Strong Web Form [HTML5 ] 7. Rich Text Edit API [HTML5 ] 8. Video Element [HTML5 ] 9. Audio Element [HTML5 ] 10. Canvas Element [HTML5 ] 11. Drag & Drop API [HTML5 ] 12. Offline Web Application [HTML5 ] 13. Communication API [HTML5 ] 14. Web Storage [HTML5 ] 15. Web SQL Database [HTML5 ] 16. Web Worker [HTML5 ] 17. Web Socket [HTML5 ] 18. Geolocation API [HTML5 ] 19. SVG [HTML5 ] 20. File API 3 [HTML5 ] 1. HTML5 "HTML 5 is really the second coming of this Web stuff of the Web" - Dion Almaer (co-founder of the Ajaxian Web site and co-director of developer tools at mozilla ) 4 <HTML > HTML 5 , HTML.
3 - 1991 HTML. : 1991 1997 HTML . CSS , JavaScript . HTML W3C HTML HTML , XHTML , , . W3C HTML Version Up XHTML . XHTML . XHTML W3C XHTML , W3C , WHATWG Working Group , HTML HTML . WHATWG W3C XHTML 2009 10 , WHATWG , . , "HTML 5" HTML . 5 <HTML > HTML, .. HTML 4 HTML HTML . HTML.
4 , Language . Dos 640K , Y2K , HTML . , , HTML , , "OK" , , . HTML HTML .. "HTML 5" . <HTML 5 > HTML " " . HTML HTML Markup Language , HTML HTML 5 HTML . CSS3, JavaScript API Markup language . HTML HTML.
5 6 HTML 5 . JavaScript API HTML Application . , HTML 5 , .( . 0 - Zero ..) . Device , Device . , Web OS , HTML 5 Web . HTML 5 .. ? HTML 5 ? <HTML 5 > HTML 5 . ( : # ) 7.
6 - : HTML 5 . - : HTML 5 . - : HTML 5 . - : HTML Tag . - : HTML 5 Version UP MarkUP Language HTML . - : W3C MarkUp Language XHTML HTML . - : HTML 5 . - : (Device, Search Engine) ( ) . <HTML5 > HTML 5 . : (WHATWG) Web Form , Web Applications : HTML : W3C XHTML : HTML5 (Last Call Working Draft) : HTML5 (Candidate Recommendation) - 2 : HTML5 (Proposed Recommendation) - : HTML5 (Recommendation) ( : # ).
7 HTML 4 vs HTML 5 . 9 [HTML5 ] 2. HTML4 vs HTML5 (1) HTML 4 Vs HTML 5 .. Contents Model . HTML 5 HTML <div>, <p>, <h1>, <h2>.. Tag Block Level Element <img>, <input>, <i>, <b> Tag Inline Element Tag Tag . Tag Tree OutLine Contents .(JavaScript CSS Element .) HTML 5 . HTML 5 "Contents Model" Outline Contents . HTML 5 Tag , HTML 5 . DOM Tree Contents .(<Header>, <Footer>, <article> Tag . DOM Tree Contents .-<Header>, <Footer>, <article> Tag.)
8 HTML 5 Element , HTML Sementic Web . , HTML 5 Tag(Element) Content Model HTML . 10 HTML 5 Contents Element . ( : ) Contents . 1. Metadata Contents 2. Flow Contents 3. Sectioning Contents 4. Heading Contents 5. Phrasing Contents 6. Embedded Contents 7. Interactive Contents . Category Tag Metadata Content Contents Presentation behavior . , "Out Of Band" . base, command, link, meta, noscript, script, style, title Flow Content Application Body Element Flow Content . a, abbr, address, area (map ) , article, aside, audio, b, bdi, bdo, blockquote, br, button, canvas, cite, code, command, datalist, del, details, dfn, div, dl, em, embed, fieldset, figure, footer, form, 11 h1, h2, h3, h4, h5, 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, s, samp, script, section, select, small, span, strong, style (scoped ) , sub, sup, svg, table, textarea, time, ul, var, video, wbr, Text Sectioning Content Headings Footers.
9 Article, aside, nav, section Heading Content Section Header . h1, h2, h3, h4, h5, h6, hgroup Phrasing Content Text . Text intra-paragraph Level Markup Element . a ( ) , abbr, area (map ) , audio, b, bdi, 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, s, samp, script, select, small, span, strong, sub, sup, svg, textarea, time, var, video, wbr, Text Embedded Content Resource Content . audio, canvas, embed, iframe, img, math, object, svg, video Interactive Content Content . a, audio (controls ) , button, details, embed, iframe, img (usemap ) , input (type Hidden ) , keygen, label, menu (type toolbar ) , object (usemap ), select, textarea, video (controls ).
10 12 HTML 5 . < > HTML5 & CSS HTML 5 #contents 13 [HTML5 ] 3. HTML4 vs HTML5 (2) HTML4 vs HTML5 . W3C . " " HTML 4 HTML GuideLine . HTML 4 HTML 5 .. 1. Syntax ( ) 2. Language ( ) 3. API . 14 1. Syntax HTML 5 .. 1-1. DOCTYPE DOCTYPE . ? HTML 5 (Enter- .) . ^^ DOCTYPE "HTML" "XHTML" . HTML 5 HTML , XHTML HTML XML . HTML 5 HTML "HTML5", HTML 5 XML "XHTML5".
