Html5

1,534 views
1,344 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,534
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Html5

  1. 1. 2011-10-05<br />IT사업팀 강지영<br />1<br />
  2. 2. Ageda<br />2<br />HTML이란?<br />HTML의 역사<br />HTML 5<br />HTML 5 로고<br />HTML 5 Tag<br />HTML 5 구조<br />HTML 5 지원 현황<br />HTML 5 예제 사이트<br />HTML 11<br />Q&A<br />
  3. 3. HTML 이란?<br />3<br />HyperText Markup Language<br />HTML<br />월드와이드웹(WWW)를 통합하는 언어이며, <br />HTML5는 이런 웹표준의 최신버전이다.<br />
  4. 4. HTML의 역사<br />4<br />1991<br />팀 버너스-리 경, [HTML Tag]라는 글을 통해 약 20개 남짓의 태그 제안<br />1994. 05<br />제네바에서 첫 WWW 컨퍼런스<br />1994. 09<br />IETF(Internet Engineering Task Force) 창설 : HTML Working Group<br />1995. 11<br />HTML 2.0 발표 - IETF<br />1997. 01<br />HTML 3.2 발표 – W3C<br />1997. 12<br />HTML 4.0 발표 – W3C<br />1999. 12<br />HTML 4.01 발표 – W3C<br />2000<br />X(eXtensible)HTML 1.0 발표 – W3C<br />2002<br />XHTML 2.0 발표 – W3C<br />2004<br />Web Applications 1.0 – WHATWG(Web Hypertext Application Technology Working Group)<br />2007<br />HTML5 Working Group – W3C<br />2009<br />W3C – XHTML 2.0 을 더 이상 갱신하지 않겠다고 선언<br />
  5. 5. HTML5<br />5<br />HTML 5<br />WHATWG<br />먼저 추가 후 리뷰하는 방식<br />W3C<br />먼저 리뷰 후 추가하는 방식<br />2010. 08<br />W3C – HTML5 Working Draft (초안 공개)<br />2012<br />HTML5 CR(Candidate Recommendation, 권고후보안) 발표 예정<br />2022<br />HTML5 PR(Proposed Recommendation , 권고제안) 발표 예정<br />?<br />HTML5 REC(Recommendation , 권고안) 발표 예정<br />
  6. 6. 6<br />
  7. 7. HTML5 로고<br />7<br />HTML5 SEMANTICS<br />다양한 태그 세트, RDFa, microdata, microformat과 함께 프로그램 및 사용자에게 유용한 데이터<br />기반 웹을 사용<br />OFFLINE & STORAGE<br />HTML5 응용프로그램 캐시덕분에로컬 저장소, 인덱스 DB 및 파일 API 규격이 없는 경우에도<br />웹어플리케이션을 신속하게 시작하고 작업을 수행할 수 있도록 제공<br />DEVICE ACCESS<br />위치정보 API를 시작으로 웹 응용 프로그램은 풍부한 장치 인식 기능과 경험을 제공<br />CONNECTIVITY<br />보다효율적인 연결을 의미하며, 실시간 채팅, 빠른 게임, 더 나아은 의사 소통을 의미<br />웹소켓과 서버에서 보낸 이벤트를 더 효율적으로 클라이언트와 서버 사이의 데이터 추진<br />
  8. 8. HTML5 로고<br />8<br />MULTIMEDIA<br />오디오 및 비디오를 통해 어플리케이션과 사이트의 조화를 이루며, 살아있는 웹을 창조<br />3D, GRAPHICS, EFFECTS<br />SVG, Canvas, WebGL및 CSS3 3D 기능들로 보다 환상적인 영상을 제공<br />PERFORMANCE & INTEGRATION<br />성능의 향상 및 웹 컨텐츠와 어플리케이션의 통합, 보다 빠른 웹 환경 제공<br />CSS3 STYLING<br />CSS3는 의미론적으로 구조 또는 성능을 희생하지 않고 웹 응용프로그램을 강화하며, <br />어떤 양식을 일치시키며, 다양한 효과를 제공, 또 웹 오픈 폰트 포맷(WOFF)의 제공으로<br />인쇄의 유연성도 제공<br />
  9. 9. HTML5 Tag<br />9<br /><!--..-->, <!DOCTYPE>, <a>, <abbr>, <acronym>, <address>, <applet>, <area>, <article>,<br /><aside>, <audio>, <b>, <base>, <basefont>, <bdo>, <blockquote>, <body>, <br>, <button>,<br /><canvas>, <caption>, <center>, <cite>, <code>, <col>, <colgroup>, <command>, <datalist>,<br /><dd>, <del>, <details>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <embed>, <fieldset>, <br /><figcaption>, <figure>, <font>, <footer>, <form>, <frame>, <frameset>, <h1>~<h6>, <head>,<br /><header>, <hgroup>, <hr>, <html>, <i>, <iframe>, <img>, <input>, <ins>, <keygen>, <kbd>,<br /><label>, <legend>, <li>, <link>, <map>, <mark>, <menu>, <meta>, <meter>,<nav>, <br /><noframes>, <noscript>, <object>, <ol>, <optgroup>, <option>, <output>, <p>, <param>,<br /><pre>, <progress>, <q>, <rp>, <rt>, <ruby>, <s>, <samp>, <script>, <section>, <select>,<br /><small>, <source>, <span>, <strike>, <strong>, <style>, <sub>, <summary>, <sup>, <table>,<br /><tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <time>, <title>, <tr>, <tt>, <u>, <ul>,<br /><var>, <video>, <wbr>, <xmp>, <big><br />
  10. 10. HTML5 Tag<br />10<br /><!--..-->, <!DOCTYPE>, <a>, <abbr>, <acronym>, <address>, <applet>, <area>, <article>,<br /><aside>, <audio>, <b>, <base>, <basefont>, <bdo>, <blockquote>, <body>, <br>, <button>,<br /><canvas>, <caption>, <center>, <cite>, <code>, <col>, <colgroup>, <command>, <datalist>,<br /><dd>, <del>, <details>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <embed>, <fieldset>, <br /><figcaption>, <figure>, <font>, <footer>, <form>, <frame>, <frameset>, <h1>~<h6>, <head>,<br /><header>, <hgroup>, <hr>, <html>, <i>, <iframe>, <img>, <input>, <ins>, <keygen>, <kbd>,<br /><label>, <legend>, <li>, <link>, <map>, <mark>, <menu>, <meta>, <meter>,<nav>, <br /><noframes>, <noscript>, <object>, <ol>, <optgroup>, <option>, <output>, <p>, <param>,<br /><pre>, <progress>, <q>, <rp>, <rt>, <ruby>, <s>, <samp>, <script>, <section>, <select>,<br /><small>, <source>, <span>, <strike>, <strong>, <style>, <sub>, <summary>, <sup>, <table>,<br /><tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <time>, <title>, <tr>, <tt>, <u>, <ul>,<br /><var>, <video>, <wbr>, <xmp>, <big><br />
  11. 11. HTML5 구조<br />11<br /><header><br /><nav><br /><aside><br /><section><br /><header><br /><artcle><br /><footer><br /><footer><br />
  12. 12. HTML5 지원 현황<br />12<br />출처 : http://google-chrome-browser.com<br />
  13. 13. HTML5 지원현황<br />13<br />
  14. 14. HTML5 예제 사이트<br />14<br />Apple HTML5 showcase ( http://www.apple.com/html5 )<br />HTML 5 Gallery(http://html5gallery.com/)<br />HTML5 Demos and Examples(http://html5demos.com/)<br />Microsoft Internet Explorer 9 Test Driver(http://ie.microsoft.com/testdrive)<br />
  15. 15. HTML 11<br />15<br /><wind>, <smell>, <taste>, <religion>, <touch>, <xray>, <temperature>, <social>, <energy>, <silence>, <vibration> …<br />

×