Top 6 Reasons to use HTML5

HTML5 is the latest version of Hypertext Markup Language which is used to build websites. It offers many of the same features as previous version, however there are many new features that have been added to HTML5. Check out some of the top benefits of using HTML5 for your next website.

1. Supports Audio and Video Tag
Using HTML5, developers can embed rich media without the use of third party plugins like Adobe Flash, Quicktime etc. Developers now can add audio or video simply by using the new tags <audio> for embeding audio and <video> for embeding video in the website.

2. Clean Code
HTML5 is the best choice for developers to build website for making simple, elegant and easy to read codes. It allows you to write clear and descriptive code, semantic code that allows you to easily separate meaning from style and content. Some of the new tags in HTML5 are <header>, <footer>, <nav>, <article>, <section>, <aside> which are much more meaningful than using just <div> with some class or id in previous version.

3. Browser Compatiblity
HTML5 is supported by all major web browsers like Firefox, Chrome, Opera, Safari and Internet Explorer. HTML5 Doctype was created so that all browser even old Internet Explorer 6 can use it. Just because old browser recognise Doctype doesn't mean they can use all new HTML5 tags and goodies. You can use javascript shiv to allow using new tags in old browser.
<!--[if lt IE 9]>
 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

4. Mobile Optimisation
Mobile technology is becoming more popular these days. The use of mobile device continues to grow very rapidly and this means that more and more users will be using mobile browser to view website or application. HTML5 is the most ready tool to develop mobile sites and app. With Adobe annoucing death of mobile flash, you will have to count on HTML5 to do your mobile web application development.

5. Offline Web Caching
Another benefit of HTML5 is caching for websites. It means visitors can load certain elements on a webpage without an active internet connection assuming they have visited the site in the past. If a visitor's internet connection goes slower, they can still load core elements of the website.

6. Accessibility
HTML5 makes accessbile sites easier for two main reason: semantics and ARIA. The new semantic tags like <header>, <footer>, <nav>, <aside>, <section>, <article> etc allows screen readers to easily access content. Screen readers can better examine HTML document and create better experience for those who use them.

ARIA is W3C spec that is mainly used to assign specific "roles" to element in an HTML document. It help to create important landmarks on the page via role attribute.

Share this

Related Posts