1. HTML5 Is the Future

There are many reasons to adopt HTML5 as we may cover some of them bellow. However the most important one why you should start using HTML5 today is this: it’s the future of the web, start using it now so you don’t get left behind. HTML5 is essentially just HTML, but with more and more elements get adopted more and more companies will start to develop HTML5 software.

2. Across-Browser Support

There are few old browsers can not fully support HTML5, such as IE8 and the earlier version. All modern popular browsers support HTML5 (Chrome, Firefox, Safari, Opera and IE9). For those old browsers that can’t handle HTML5 tags and function, designers can add some JavaScript code to get more browsers support, so old IE browser can use the new elements in HTML5.

3. HTML5 Enhanced Mobility

The amount of mobile users is increasing very fast, with the more and more popular mobile technology and devices. Mobile is a fashion and a trend. Want to build websites for mobile users? HTML5 is more mobile friendly. This means you will get much more traffic and users, the mobile users.

4. Better Accessibility

There are two reasons to make HTML5 websites setup simpler: the semantics and its ARIA. Users can now access to the content easier through the new HTML5 tags such as new HTML 5 < header >, < footer >, < nav >, < section >, < aside >, etc. Other than the obscure definition of DIV class or ID, you can have a better understanding of HTML document as well as creating a better user experience by adopting the new HTML5 semantics definition label.

ARIA is a W3C spec that is mainly used to assign specific “roles” to elements in an HTML document. It is quite essential to create page terrains like header, footer, navigation or article via role property. It had been overlooked, not validated and not widely used. However HTML5 will validate these attributes.

5. HTML5 Video and Audio Support

It is time to forget flash and other third-party applications, and get ready to get approach to resources through new <video> and <audio> tags in HTML5. It has been a pain for many webmasters to place their video content through the old <embed> and <object> tags and a lot of parameters. Now HTML5 video and audio tags regarded them as images: <video src=”"/>. You can also define other video display parameters such as width or height or automatic playback easily, for example, < video SRC = “width =” 640 “url px height =” 380 “px” autoplay />.

To make HTML5 videos, you can get this html 5 video player, keep in mind the HTML5 video work for android and iOS devices as well.

6. New HTML5 Doctype HTML

Html is the doctype for HTML5, just that easy. The great news is that, in addition to simplicity, it can work in almost every new browser.

7. Cleaner Codes

If you prefer short-answer, elegant, easy-to-read code words, and HTML5 is absolutely a tailor for you. HTML5 allows you to write simple and clear codes with rich descriptions. Codes complied with the semantics allow you to separate style and content. By using HTML5, you can solve with the div and its class definition problems via The HTML header label description content of semantics. In the past you need to use a lot of div to define every page content areas, and not by employing new HTML5 < section >, < article >, < header >, < footer >, < aside > and HTML5 < nav > tags, you need to make your code clearer and easier to read.

8. Smarter HTML5 Storage

The new HTML5 local storage feature is really cool. It is a bit like the combination of the old technology cookie and the client database. It works better than cookie because it supports multiple Windows storage. With better security and performance, it can also store even if the browser is turned off.

Because it is a client database, you don’t have to worry about that the users will delete any cookie, and it supports all main browsers.

The local storage is good under many cases for it is realizable without a third-party tool. Saving data to user’s browser means that you can simply create some application features such as: save the user information, caching data, loading application condition.

• MP4: MPEG 4 files with H264 video codec and AAC audio codec
• WebM: WebM files with VP8 video codec and Vorbis audio codec
• Ogg: Ogg files with Theora video codec and Vorbis audio codec

Before you choose the codec for HTML5, keep in mind only these three are compatible with HTML5 browsers, not Flash or any other formats or codecs. Now you understand the HTML5 video formats and codecs. But which one should I use when converting my videos, I have to make a choice anyway, right? Yes, it is true with most video encoders or video converters. Before you go to convert a video to another format, you will always be asked to make a selection between different codecs, formats or devices. The only exception is HTML5 Video Player, which is designed specially for HTML5 video conversion and embedding. It can encode your video into three HTML5 video formats supported by all latest web browsers at the same time. Ok, now let’s say you do not have HTML5 Video Player installed, then how to select HTML5 video codec(s) that would actually work with HTML5 browsers on almost all devices?

Unfortunately, no one codec would work with all the major players, so if you want your video to be seen by the largest group of people, you should consider converting it into at least two formats WebM and H.264. Bellow table shows the browser support for HTML5 video codecs:

HTML5 Video Formats Codecs

From the above HTML5 video codec support table, we can see that as long as you can have both mp4 and webm embedded, your website videos should be played on almost all the computers on Windows or Mac system, mobiles and tablets on Android and iOS.

However converting videos to HTML5 video formats could be a trouble for most of us, as not everyone are pros, we do not know how to encode a video, let alone encoding to different codecs for merely one video. You may be able to find many video converters or encoders to convert MP4 or H.264 Codec, however it can be very difficult to find tools to convert to ogg/Theora and WebM/ VP8. For a one-stop solution, we recommend you to try HTML5 Video Player by Socusoft, you can download HTML5 Video Player here.