What’s up doc?
Moving your current site to HTML5 is as simple as changing the DOCTYPE. The HTML 5 doc type is backward compatible with HTML 4 so your site will work as before but you are now ready to start leveraging the advantages of HTML5. Here’s what this looks like
< ! DOCTYPE html >
That cleans things up considerably when you consider they used to look like this.
What’s in a name?
Now you’re ready to start using the new elements supported by HTML5 which allow for a more semantic mark-up of page layout, these include, header, section, article, aside, nav and footer. These elements allow you to improve the semantic meaning and structure of your sites pages. Our old friend the div will still have its place but the new elements make the mark-up cleaner and help clarify the intended layout. In the future this will be used by search engines and browsers to improve user experience.
Form over function
Forms have also been improved in HTML5, but all of the familiar input controls are still supported. The improvements allow for better form interaction and in some cases reduce the amount of client side code previously required to achieve the same user experience. These new features degrade gracefully so your customers with older browsers, while not getting the improved experience, will still find that forms work as expected.
New elements have been added including email, number, url, range, date, search, etc. These new input types greatly improve usability on mobile devices where the device can now present the appropriate keyboard for the input expected.
- Back to Blogs