It’s pretty sure, most of the people out there are still not using HTML5, isn’t it? Yes! You might have some valid reasons like you like to type in strict mode, it’s not fully supported by IE or it’s not fully adopted. HTML5 is the revolution that the web needed and the fact is, it is the future whether you like it or not — suck it up and deal. HTML5 isn’t hard to use or understand and even though it’s not fully adopted yet, there are still plenty of reasons to start using it right now — like right after you get done reading this article. Okay, there might be lots of article teaching you HTML5 and try to convince you for using it, here, something will not be repeated, instead I will let you notice some features and justify them for using HTML5 in place of HTML.

However, after talking to many designers and web developers, it seems to be a freaky creature because of its unique tag patterns which are quite unconventional but easy to use and remember. The reality is that it is extremely practical right now! It’s not the latest Mercedes concept car being towed around form car show to car show, it’s a reality and it’s not going anywhere. For those that currently use HTML5 this list may not be anything new or ground breaking, but hopefully it will inspire you to share the benefits of HTML5 with others in the community.

Mobile Technology

You can call it suspicion! But I think mobile technology is the soul of today’s generation. I know it might a crazy assumption for most of the people out there and mobile is just a furor, right? Mobile devices are taking over the world. The adoption of mobile devices continues to grow very rapidly and this means that more and more users will be using their mobile browsers to view your web site or application. HTML5 is the most mobile ready tool for developing mobile sites and apps. With Adobe announcing the death of mobile Flash, you will now count on HTML5 to do your mobile web application development. Mobile browsers are fully compatible for HTML5 websites, so creating mobile runnable project and for small touch screen is quite easy than normal HTML websites. There are some great meta tags that also allow you to optimize for mobile:



Viewport: allows you to define viewport widths and zoom settings

Full screen browsing: IOS specific values that allow Apple devices to display in full screen mode

Home Screen Icons: like favicons on desktop, these icons are used to add favorites to the home screen of an IOS and Android mobile device

For more information you can read the article – modifying your HTML5 website.

Game Development

Remember the <canvas> tag? Yes, it’s easy to develop a game using this tag. HTML5 provides a great, mobile friendly way to develop fun, interactive games. If you’ve built Flash games before, you’ll love building HTML5 games. Script-Tutorials has recently offered a four part series of lessons focused on HTML5 game development, head on over and check out some of the sick stuff they have created:

1. Lesson 1

2. Lesson 2

3. Lesson 3

4. Lesson 4

Smarter Storage

One major notable feature of HTML5 is local storage; it is lies between traditional cookie and client side database. But this feature is better than cookie because it allows for storage across multiple windows, it has better security and performance and data will persist even after the browser is closed. Because it’s essentially a client side data base you don’t have to worry about the user deleting cookies and it is been adopted by all the popular browsers. Local storage is great for many things, but it’s one of HTML5 tools that are making web apps possible without third party plugins. Being able to store data in the user’s browser allows you to easily create those app features like: storing user information, the ability to cache data, and the ability to load the user’s previous application state. If you are interested in getting started with local storage, check out Christian Heilmann’s great 24 Ways article.

Video and Audio Support

Flash is the past, yes now you don’t need to install flash player to run video and audio files across the web. HTML5 supports audio and video tags for embedding audio file and video file respectively. HTML5′s video and audio tags basically treat them as images; <video src=”url”/>. But what about all those parameters like height, width and auto-play? No worries my good man, just define those attributes in the tag just like any other HTML element: <video src=”url” width=”640px” height=”380px” autoplay/>. Else you can check out this article for more information.

Cross Browser Support

For many web developers, this might be the major problem that HTML5 is supported by older browsers like IE6. But no need to worry about that, HTML5 is currently in process and it’s being able to support many older browsers as well.

Your modern, popular browsers all support HTML5 (Chrome, Firefox, Safari IE9 and Opera) and the HTML5 doctype was created so that all browsers, even the really old and annoying ones, IE6 can use it. But just because old browsers recognize the doctype that doesn’t mean they can use all the new HTML5 tags and goodies. Fortunately, HTML5 is being built to make things easier and more cross browser friendly so in those older IE browsers that don’t like the new tags we can just simply add a JavaScript file that will allow them to use the new elements:

<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>

For clearing your remaining doubts about cross browser support, you can check this article.

CodeProject



I am Samith Jhon a content writer and a Professional Blogger. I am certified with 1Z0-051 Test which is very popular these days and have a great scope in the field of IT Certification. I always like to take 1Z0-053 Test to pass the Tests. These kinds of Test questions could secure your future as well as your job.