Referent

1
HTML5
2
Overview

• HTML HTML5 Basics Facts
• Flash vs. HTML5
• HTML5 - the new features

3
HTML

• markup language
• created 1990
• standardized as HTML4 in 1997
• press CTRLU in Firefox

4
HTML5

• officially introduced in 2011
• not a software, browsers must support HTML5
  features
• currently browser developers implement some
  features the html5 standard

5
Tasks

• run on low powered devices
• without browser plugin
• semantic web
• multimedia
• rich internet applications

6
HTML5 Browser Support
http//html5test.com/results/desktop.html
7

• Flash vs HTML5

8
Flash - Problems

• Steve Jobs
• closed source/proprietary
• security
• plugin
• seo
• performance
• touch capability

9
Flash vs. HTML5
source google trends
10

• HTML5 the new Features

11
Markup Features

• semantic tags
• ltnavgt, ltfootergt, ltheadergt,ltarticlegt, ltsectiongt,
  ltasidegt, lthgroupgt

12
Dropped Tags

• basefont, big, center, font, strike, tt
• acronym, applet, isindex
• frame, frameset, noframes

13
ltinputgt types some examples

• ltinput type"datetime"gt
• ltinput type"number" min"18" max"65" step"1"gt
• ltinput type"range" min"18" max"65" step"10"gt

14
ltcanvasgt

• drawing 2D images with Javascript
• interactive
• dynamic pictures -gt animations
• http//alex4.tapjs.com/

15
Interactive Drag and Drop

• http//www.w3schools.com/html/html5_draganddrop.as
  p

16
Geolocation

• discover device position
• uses availbale os positioning services
• example http//wo-bin-ich-jetzt.de/

17
WebGl

• OpenGL ES2.0 for the browser
• everthing is possible
• http//mrdoob.github.com/three.js/examples/webgl_t
  errain_dynamic.html
• http//mrdoob.github.com/three.js/examples/canvas_
  materials_reflection.html

18
Data Storage

• Web storage API
• key-value store
• Web SQL API
• no longer maintained
• Indexed Database API (aka WebSimpleDB)
• indexed hierachical key-value store
• File API

19
Others

• Web Audio API
• process und synthesize audio
• ltvideogt
• cross document messaging

20
END

• Sources
• http//en.wikipedia.org/wiki/HTML5