Ten reasons for using HTML5 now

Haven't you considered using HTML5? Of course, I guess you may have your own reasons; it is not widely supported yet, it is not easy to use in IE, or you just like to write strict XHTML code. HTML5 is a major change in the web development world. In fact, whether you like it or not, it represents the future trend. In fact, HTML5 is not difficult to understand and use. Here we can list the reasons why HTML5 is used now.

At present, there are many articles that describe HTML5 and introduce its advantages and benefits. With more such articles, Apple's support, Adobe's HTML5 product development, and the death of mobile flash, the support of so many websites, I want to say something to those who still don't or don't want to accept it. I think the main reason is that it looks like a mysterious thing. Many of them feel like a jet bag or a flying car. An unverified, extraordinary idea, but not practical. But in fact, it is very practical now.

To decrypt HTML5 and help stubborn developers, I have listed several reasons for using HTML5. I hope it will be helpful to you!

Tenth cause: ease of use



These two reasons make it easier to create a website using HTML5: semantics and Its ARIA. New HTML tags such as
ARIA is a W3C standard mainly used to specify "Roles" for elements in HTML documents. It is necessary to create important page terrain such as header, footer, navigation or aritcle through role attributes. This was ignored and not widely used, because it is not verified in fact. However, HTML5 will verify this property. At the same time, html5. these roles are built in and cannot be overwritten. For more information about HTML5 and ARIA, see here.

Ninth major cause: Video and Audio support

Forget flash and other third-party applications to allow your video and audio to access resources through HTML5 tags <video> and <audio>. Correct playing of media has always been a terrible thing. You need to use the <embed> and <object> tags and assign a lot of parameters to them for proper playing. Your media tags will be very complex and confusing. In addition, HTML5 video and audio tags basically regard them as images: <video src = "/>. But what about other parameters, such as width and height, or automatic playback? Don't worry, just define it like other HTML tags: <video src = "url" width = "640px" height = "380px" autoplay/>.

In fact, this process is very simple. However, our old browsers may not like HTML5. You need to add more code to make them work correctly. However, this code is much simpler than <embed> and <object>.

The eighth major reason: Doctype

That's right. It's doctype. There's no more. Is it a simple answer? There is no need to copy and paste a bunch of unintelligible code, and there are no additional head labels. The biggest good news is that in addition to simplicity, it can work properly in every browser, even the notorious IE6.



Seven major reasons: clearer code

If you have a preference for simple, elegant, and easy-to-read code, HTML5 is definitely something tailored for you. HTML5 allows you to write simple, clear, and descriptive code. Semantic-compliant code allows you to separate styles and content. Let's take a look at this typical simple heaer code with navigation:
<Div id = "header"> Is it easy? However, using HTML5 makes the code simpler and meaningful:
<Header> With HTML5, you can use the HTML header tag of semantics to describe the content of your div and its class definition. In the past, you used a lot of div to define the content area of each page. However, you used the new <section>, <article>,
Sixth reason: smarter Storage



The coolest feature in HTML5 is local storage. One thing is the integration of old technology cookies and client databases. It is easier to use than Coke because it supports multiple windows Storage and has better security and performance. It can be saved even after the browser is closed.

Because it is a client database, you don't have to worry about deleting any cookies, and all mainstream browsers support them.

Local Storage is good in many cases. It is implemented by a third-party plug-in HTML5 tools. You can easily create some application features, such as saving user information, caching data, and loading the user's last application status.

Fifth reason: Better interaction

We all like better interaction, and we like dynamic websites with feedback from users. Users can enjoy the interaction process. Input <canvas>, HTML5 drawing Labels allow you to make more interactions and animations, just like what we achieved with Flash.

In addition to <canvas>, HTML5 also has many APIs that allow you to create better user experience and more dynamic web applications. Here is a list:

Drag and Drop (DnD)

Offline storage database

Browser history management

Document editing

Timed media playback
Fourth Reason: Game Development

You can use HTML5 <canvas> to develop games. HTML5 provides a great mobile-friendly way to develop interesting interactive games. If you develop Flash games, you will enjoy HTML5 game development.

Script-tutorials currently provides four non-part HTML5 game development tutorials. Here, let's take a look at the interesting games they developed:

HTML5 Gaming Development Lesson One

HTML5 Gaming Development Lesson Two

HTML5 Gaming Development Lesson Three

HTML5 Gaming Development Lesson Four
The third major reason: Legacy and cross-browser support


Your modern popular browsers support HTML5 (Chrome, Firefox, Safari, IE9 and Opera), and have created all browsers such as HTML5 doctype, it can be used even if it is very old and very annoying for browsers like ie6. However, because the old browser can recognize doctype, it does not mean that it can process HTML5 labels and functions. Fortunately, HTML5 makes development easier and supports more browsers, so that the old IE browser can use new elements by adding javascript code:
<! -- [If lt IE 9]> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <! [Endif] -->

The second reason: Mobile, mobile or mobile

You can call it intuition, but I think mobile technology will become more popular. I know, there are some crazy guesses here, and some may also come to your mind-Mobile is a fashion! Mobile devices will occupy the world. More mobile devices will grow rapidly. This means that more users will choose to use mobile devices to access websites or web applications. HTML5 is the most mobile development tool. As Adobe announces that it has abandoned mobile flash development, you will consider using HTML5 to develop webp applications.

When mobile browsers fully support HTML5, developing mobile projects will be as simple as designing smaller touch displays. There are many meta tags that allow you to optimize the movement:

Viewport: allows you to define the viewport width and scaling settings;

Full-screen Browser: the value specified by ISO allows full-screen display of Apple devices;

Home screen icons: Like a desktop favorites, these icons can be used to add a Home page to favorites on IOS and Android mobile devices.
The first reason: it's the future. Let's get started!

The biggest reason is that you are starting to use HTML5 today because it is the future and should not be left behind! HTML5 will not develop in every direction, but more elements have been adopted by many companies and started development. HTML5 is actually more like HTML. It is not a new technology that requires you to learn again! If you develop XHTML strict, you are now developing HTML5. Why is HTML5 not fully available?

You actually have no excuse not to accept HTML5. In fact, the only reason why I use HTML5 is that the code is simple and clear. I have not actually used other features. Now you can consider using HTML5 to write code. It helps you change the way code is written and the way it is designed. Start to write web applications with HTML5 code. Maybe the next mobile application or game application is developed with HTML5.