Let’s Make Progress Shahab Lashkari Product Manager OmniUpdate, Inc. email@example.com @OUShahab
Overview What it is What it isn’t Semantics Forms Video Canvas vs. SVG vs. CSS3 Compatibility Questions?
What is HTML 5? The latest revision of the HTML standard Contains both HTML 4 and XHTML 1 Though some elements have been deprecated Can be written in either syntax New APIs (e.g., canvas, offline storage, media playback, drag-and-drop, etc.) New rules for error handling (!)
What HTML 5 is not… An official W3C recommendation yet A silver bullet Fully supported in [m]any browsers
Which features are supported? Mark Pilgrim suggests using one of 4 techniques: Check if a certain property exists on a global object (such as window or navigator). Example: testing for geolocationsupport Create an element, then check if a certain property exists on that element. Example: testing for canvas support Create an element, check if a certain method exists on that element, then call the method and check the value it returns. Example: testing which video formats are supported Create an element, set a property to a certain value, then check if the property has retained its value. Example: testing which <input> types are supported
Useful Resources Modernizr http://www.modernizr.com/ When can I use… http://www.caniuse.com/ HTML5 Boilerplate http://html5boilerplate.com/
What if I want to use an unsupported feature? do websites need to look exactly the same in every browser?
What if I want to use an unsupported feature? dowebsitesneedtolookexactlythesameineverybrowser.com