28 HTML5 Features, Tips and Techniques you Must Know
New Doctype
Old:
New:
The Figure Element
Old:
New:
The small tag Redefined
Old: Used to create subheadings closely related to the logo.
New: The small element now refers to "small print".
No More Types for Scripts and Links
Old:
New:
To Quote or Not to Quote
Old: Attributes must be wrapped in quotation marks. Elements must be closed.
New:
Make your Content Editable
Old: Any text contained within an element, including its children, cannot be edited.
New:
Email Inputs
Old: Built-in email validation not supported.
New:
Placeholders
Old: Uses JavaScript to create placeholders for textboxes.
New:
Local Storage
The Semantic Header and Footer
Old:
New:
Local Storage
Internet Explorer and HTML5
New: Internet Explorer requires a bit of wrangling in order to understand the new HTML5 elements.
Required Attribute
Old: No attribute forces a submitted form to highlight an input that is blank.
New:
Autofocus Attribute
Old: Uses JavaScript to focus onto a selected or focused input.
New:
Audio Support
Old: Relies upon third party plugins in order to render audio.
New:
Video Support
Old: Relies upon third party plugins in order to stream video.
New:
Preload Videos
Old: Not supported.
New:
Display Controls
Old: Not supported.
New:
Regular Expressions
Old: Uses JavaScript to define regular expressions on a textbox.
New:
Detect Support for Attributes
Determine if the browser can implement an HTML5 element.
alert( 'pattern' in document.createElement('input') ) // boolean;
Mark Element
Old: No string highlighter supported.
New:
When to Use a div
Divs should be utilized when there's no better element for the job.
What to Immediately Begin Using
What is Not HTML5
- SVG: Not HTML5. It's at least five years old.
- CSS3: Not HTML5. It's...CSS.
- Geolocation: Not HTML5.
- Client Storage: Not HTML5. It was at one point, but was removed from the spec, due to the fact that many worried that it, as a whole, was becoming too complicated. It now has its own specification.
- Web Sockets: Not HTML5. Again, was exported to its own specification.
The Data Attribute
Old:
New:
The Output Element
Old: Not supported.
New:
Create Sliders with the Range Input
Old: Not supported.
New:
Reference
http://code.tutsplus.com/tutorials/28-html5-features-tips-and-techniques-you-must-know--net-13520