Top ten reasons to use HTML5 "HTML5"

Haven't you considered using HTML5? Of course, I guess you might have your reasons; it's not widely supported in IE, or you just prefer to write more stringent XHTML code. HTML5 is a major change in the world of web development, in fact, whether you like it or not, it represents the future trend. In fact, HTML5 is not difficult to understand and use. We can list a number of reasons why we should start using HTML5 now.

There are a lot of articles about using HTML5 and introducing the advantages and benefits of using it, yes, this article is similar. With more of these articles, as well as Apple's support, Adobe's product development around HTML5, 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. A lot of it feels like a jet pack or a flying car. An unproven extraordinary idea, but not practical. But in fact it is very practical now.

In order to decrypt the HTML5 and help the stubborn development designers, I have written here listed the use of HTML5 several reasons, I hope to help you!

Tenth big reason: ease of use

Two reasons make it easier to create a website using HTML5: Semantics and Aria. New HTML tags like

Aria is a web-based standard used primarily to specify "roles" for elements in HTML articles, and to create important page terrains through character attributes such as header,footer,navigation or aritcle are necessary. This has been overlooked and is not widely used because it is not actually verified. However, HTML5 will verify such a property. At the same time, HTML5 will have these roles built in and cannot be overwritten. For more HTML5 and aria discussions, please check here .

Nineth big reason: video and audio support

Forget about Flash and other third-party apps, let your video and audio access resources through HTML5 tags <video> and <audio>. Playing media correctly has always been a very scary thing, you need to use <embed> and <object> tags, and for them to play correctly must give a lot of parameters. Your media tags will be very complex, with a lot of confusing code. and HTML5 video and audio tags basically treat them as pictures: <video src= ""/>. But other parameters such as width and height or autoplay? Don't worry, just define it like any other HTML tag: <video src= "url" width= "640px" height= "380px" autoplay/>.

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

<VideoPoster= "Myvideo.jpg"Controls>    <Sourcesrc= "MYVIDEO.M4V"type= "Video/mp4" />    <Sourcesrc= "Myvideo.ogg"type= "Video/ogg" />    <Embedsrc= "/to/my/video/player"></Embed></Video>

Eighth reasons: DOCTYPE

<! DOCTYPE HTML >

Yes, it is doctype, there is no more content. Isn't it very simple? There's no need to copy and paste a bunch of incomprehensible code and no extra head tags. The great news is that, in addition to being simple, it works in every browser, even if it's a notorious IE6.

Seventh big reason: clearer code

If you have a preference for simple, elegant, easy-to-read code, HTML5 is definitely a tailor-made thing for you. HTML5 allows you to write code that is simple and clearly descriptive. Semantics-compliant code allows you to separate styles and content. Take a look at this typical simple header code that has navigation:

<DivID= "header">    <H1>Header Text</H1>    <DivID= "NAV">        <ul>            <Li><ahref="#">Link</a></Li>            <Li><ahref="#">Link</a></Li>            <Li><ahref="#">Link</a></Li>        </ul>    </Div></Div>

Isn't it simple? But using HTML5 will make the code simpler and more meaningful:

<Header>    <H1>Header Text</H1>    <nav>        <ul>            <Li><ahref="#">Link</a></Li>            <Li><ahref="#">Link</a></Li>            <Li><ahref="#">Link</a></Li>        </ul>    </nav></Header>

With HTML5 you can finally solve your div and class definition problems by using the HTML header tag description of the semantic line. Previously you needed to use a lot of div to define each page content area, but use the new <section>,<article>,

The reason for the Big Six: smarter storage

The coolest feature in HTML5 is local storage. A bit like the old technology cookie and the fusion of the client database. It's better than a cookie because it supports multiple Windows stores, it has better security and performance, and can be saved even when the browser is closed.

Because it's a client-side database, you don't have to worry about users deleting any cookies, and all the major browsers support them.

Local storage is good in many cases, it is a HTML5 tool that does not require a third-party plug-in implementation. The ability to save data to a user's browser means that you can simply create application features such as saving user information, caching data, and loading the user's last application state.

Five reasons: Better interaction

We all like better interaction, we all like dynamic websites with feedback from users, and users can enjoy the interactive process. Entering <CANVAS>,HTML5 's Paint tab allows you to do more interactivity and animations, just as we do with Flash.

Besides <CANVAS>,HTML5 also has a lot of APIs that allow you to create better user experiences 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 big reason: game development

Yes, you can use HTML5 's <canvas> development game. HTML5 offers a very great, mobile-friendly way to develop fun interactive games. If you develop flash games, you will enjoy the development of HTML5 games.

Script-tutorials currently offers 4 parts of the HTML5 game development tutorials, which look at the interesting games they develop:

• HTML5 Gaming Development Lesson One
• HTML5 Gaming Development Lesson
• HTML5 Gaming Development Lesson Three
• HTML5 Gaming Development Lesson Four

The third big reason: Legacy and cross-browser support

Your modern popular browser supports HTML5 (CHROME,FIREFOX,SAFARI,IE9 and Opera), and has created HTML5 doctype so all browsers, even very old very disgusting browser like IE6 can use. But because the old browser is able to recognize DOCTYPE does not mean it can handle HTML5 tags and functions. Fortunately, HTML5 has made it easier to develop and support more browsers so that old IE browsers can add JS code to use the new elements:

<!-- [If Lt IE 9]><script src= "Http://html5shiv.googlecode.com/svn/trunk/html5.js" ></script><! [EndIf]  -

The second big reason: moving, moving, or moving

You can call it "intuition", but I think mobile technology will become more popular. I know, there are some very crazy guesses, some may you also think of –mobile is a fashion! Mobile devices will occupy the world. More accepting mobile devices will grow very quickly, which means more users will choose to use mobile devices to access websites or Web applications. HTML5 is the most mobile development tool. As Adobe announces the abandonment of mobile flash development, you will consider using HTML5 to develop WebApp applications.

When the mobile browser fully supports HTML5 then developing a mobile project will be as simple as designing a smaller touch display. Here are a number of META tags that allow you to optimize your movement:

• Viewport: Allows you to define viewport width and zoom settings;
• Full Screen Browser: iOS Specifies a value that allows the Apple device to display in full-screen mode;
• Home screen icons: Like a desktop collection, these icons can be used to add favorites to the homepage of iOS and Android mobile devices.

The first big reason: it is the future, start using it!

The biggest reason today you start using HTML5 is because it is the future, don't fall behind! HTML5 does not go in every direction, but more elements have been adopted by many companies and are beginning to develop. HTML5 is actually more like HTML, it is not a new technology needs you to re-learn! If you develop XHTML strict, you are already developing HTML5. Why not enjoy the HTML5 function more completely?

You don't actually have any excuse not to accept HTML5. In fact, the only reason I'm using HTML5 is because it's simple and clear in writing code. Other features I didn't actually use. You might consider starting with HTML5 writing code, which can help you change the way you write code and how it is designed. Start writing web Apps with HTML5 code, maybe the next mobile app or game app is developed with HTML5!

The original:Top Ten reasons to use HTML5 right now

Reprint Address: Ten reasons to use HTML5-Moonlight Blog