오늘 당장 시작하는 HTML5

4,368 views

Published on

오늘 당장 적용해 볼 수 있는 HTML5 기능과 자바스크립트 플러그인 소개. 오래된 브라우저에서도 지원되거나 혹은 아무 일도 일어나지 않는 안전한(?) 기능만 소개합니다.

Published in: Technology
0 Comments
39 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,368
On SlideShare
0
From Embeds
0
Number of Embeds
184
Actions
Shares
0
Downloads
96
Comments
0
Likes
39
Embeds 0
No embeds

No notes for slide

오늘 당장 시작하는 HTML5

  1. 1. 오늘당장 시작하는 HTML5 김태곤 Photo by n-ino / CC BY-NC-SA
  2. 2. 없어도 괜찮지만 사용하면 꽤 유용한 기능들 Photo by seandreilinger / CC BY-NC-SA 오래된 브라우저는 모르는 이야기
  3. 3. 절반은 HTML5 Image from threadless 절반은 !HTML5 오늘 내용의
  4. 4. HTML5 Photo by aaronguyleroux / CC BY-NC-SA Animation Timing File API CSS3 XHR
  5. 5. HTML5를 실무에서 사용하기는 어렵습니다. 슬프지만…
  6. 6. 2014년 3월 현재 국내 브라우저 점유율 18.9% 77.3% from StatCounter 인터넷 익스플로러
  7. 7. 무제 1 IE 11 IE 10 IE 9 IE 8 2014년 3월 현재 국내 IE 점유율 from StatCounter
  8. 8. 브라우저별 HTML5 지원 현황 from caniuse.com
  9. 9. HTML5는 부터 쓸만하다. IE10 포기할건가요?
  10. 10. 그래, 난 개발자. 포기를 모르는 종족이지…
  11. 11. <!DOCTYPE html> - 짧다. (겨우 15글자!) - 오래된 IE에서 써도 표준모드로 렌더링 - XHTML에 비해 덜 엄격한 DTD
 = 유효성 검사시에도 이득 Photo by reidab / CC BY-NC-SA
  12. 12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> ... <script type="text/javascript"> <!-- alert('Hello, world'); //--> </script> <style type="text/css"> ... </style> </head> <body> <img src="/img/a.png" /> <input type="checkbox" name="c" checked="checked" /> </body> </html> 생략하면

×