Thursday, February 20, 2014

HTML5 Classes

http://www.w3.org/html/logo/

HTML5 has loads of features and these are grouped under their own titles called classes. These classes are labelled Semantics, Multimedia, 3D graphics and effects, device access, connectivity, Offline & storage, performance & integration. 

Everything that HTML5 now offers comes somewhere under one of these classes - except the few that have no home... bit like the left over screws when you've finished a flat-pack!

Semantics 


W3C describe Semantics as 'giving meaning to structure', dictionaries on the other hand would have you believe semantics are the study of meaning. 
Under this class you will find the features that provide the 'look and feel' of the HTML5 environment. 
  • MathsML
  • Elements
  • Form input types
  • Form validation - on the fly, without asking!
  • Microdata 


Lights, camera, action and all native to your browser! Here lives <VIDEO> & <AUDIO>, bringing audio and video capabilities to your browser in a standard fashion 






3D Graphics and effects

 

This is where the 'wow' of HTML5 resides. There are amazing sites available demonstrating the power that this class gives to its developers


  • SVG
  • Canvas
  • WebGL

 

                                                                                        Device Access








It all starts with the GeoLocation API. Mix in some of the other features for an internet experience like no other, with device aware features interacting with cameras, microphones, contacts and events. 
 
  

Connectivity





More real time convos, faster games and better somms is the offering of W3C! Web Sockets + servers sent events + XMLHttpRequestLevel2 = Always connectable! 



Offline & Storage






Grouping features like AppCache, File APi, LocalStorage and Indexed DB means that apps are faster and can be used even when NOT connected to the internet!!!




Performance & Integration




Some of the funky features under this class include
  • Drag and Drop
  • Spellcheck
  • History API
  • WebWorkers 
  • iFrames
  • Security
 

No comments:

Post a Comment