0
오늘당장
시작하는
HTML5
김태곤
Photo by n-ino / CC BY-NC-SA
없어도
괜찮지만
사용하면
꽤 유용한
기능들
Photo by seandreilinger / CC BY-NC-SA
오래된 브라우저는
모르는 이야기
절반은
HTML5
Image from threadless
절반은
!HTML5
오늘 내용의
HTML5
Photo by aaronguyleroux / CC BY-NC-SA
Animation Timing
File API
CSS3
XHR
HTML5를
실무에서
사용하기는
어렵습니다.
슬프지만…
2014년 3월 현재
국내 브라우저
점유율
18.9%
77.3%
from StatCounter
인터넷 익스플로러
무제 1
IE 11
IE 10 IE 9
IE 8
2014년 3월 현재
국내 IE 점유율
from StatCounter
브라우저별 HTML5 지원 현황
from caniuse.com
HTML5는
부터
쓸만하다.
IE10
포기할건가요?
그래,
난 개발자.
포기를
모르는
종족이지…
<!DOCTYPE html>
- 짧다. (겨우 15글자!)
- 오래된 IE에서 써도 표준모드로 렌더링
- XHTML에 비해 덜 엄격한 DTD

= 유효성 검사시에도 이득
Photo by reidab / CC BY-NC-...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">	
<html>	
<head>	
...	
...
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
Upcoming SlideShare
Loading in...5
×

오늘 당장 시작하는 HTML5

3,235

Published on

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

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

No Downloads
Views
Total Views
3,235
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
77
Comments
0
Likes
34
Embeds 0
No embeds

No notes for slide

Transcript of "오늘 당장 시작하는 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> 생략하면
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×