HTML5: Is it deserved or exaggerated?

When Ching, HTML5 began to attract more and more people's attention, although the consortium says its eventual maturity still has a long way to go, but it does not prevent people from expecting it. In the 2007, HTML5 to the standard of the consortium, HTML5 's mission is to achieve the localization of rich Web applications, from the shackles of browser plug-ins. The first draft of the HTML5 was launched in January 2008, and the full implementation of the HTML5 standard may be beyond 2022.

What is HTML5

HTML5 is another important version of HTML4.01, XHTML 1.0 and DOM 2 HTML, designed to eliminate the dependence of rich Internet programs (RIA) on Flash, Silverlight, and JavaFX-type browser plug-ins.

HTML5 Overview

HTML5 brings a lot of new features and changes to the HTML code, you need to use some specific API scripts, such as:

• Dom
• Implement a Canvas object for a 2D drawing
• Controllable media playback
• Offline storage
• Document editing
• Drag and drop
• Cross-document messages
• Browser history Management
• MIME Type and protocol registration

Browsers that support HTML5 must be more flexible when handling HTML code errors, while browsers that do not support HTML5 will ignore HTML5 code.

Changes in HTML syntax

HTML5 introduces new HTML elements and attributes, some semantic versions of traditional common elements, such as NAV, footer, and other elements such as the substitution of DIV elements, and some new elements, such as audio, video. Some elements that are not recommended for use in HTML4, such as font and center, will be discarded. The new HTML elements introduced by HTML5 include:

• Article: Article
• Aside: Side bar content next to content
• Audio: Audio
• canvas:2d Drawing
• Command: Commands button
• DataList: Dropdown selection box
• Details: Objects of detail
• Dialog: Dialog box
• Embed: External plugins or objects
• Figure: A set of Media objects and label text
• Footer: Footer
• Header: Top of page
• Hgroup: Information about a part of a document
• Keygen: Form-generated key
• Mark: the callout text
• Meter: A predefined range of metrics
• Nav: Navigation bar
• Output: Outputs
• Progress: Progress bar
• RP: Identifying Rubby Content
• Explanation of Rt:rubby Content
• Ruby:rubby Content
• Section: Defining a part
• Source: Media Resources
• Time: DateTime
• Video: Videos

These new tags will make your HTML document easier to load and more easily crawled by search engines for useful information. For example, a search engine can directly crawl the contents of the article tag it cares about most.

How the HTML5 coexist with the popular technologies

Today's web world has become accustomed to various plug-ins and API,HTML5 for WEB development and designers to bring convenience and inconvenience, how HTML5 will coexist with these popular technologies now?

HTML5 and Flash

The controversy has long been that Flash was abused by some development designers, causing some web pages to load slowly, and HTML5 a glimmer of light. It may be unfair to compare the HTML5 in swaddling with a 10-year-old Flash, but it is a matter of concern to everyone. Mac users may benefit from HTML5 more than Windows users because Apple has been reluctant to support Flash. The following is a partial test by Mike Chambers for Mac and Windows platform browser CPU load:

The test shows that the Flash performance of the MAC platform is worse than the Windows platform, depending on the browser you are using. It now seems that Flash is a better choice in terms of video games, but depending on your browser, if your video is not very complex, HTML5 is a better choice. What web developers and designers should learn from these arguments is that there are other options for Flash, but there are strong sites for Flash, and there is a need to do some research on their target customers when providing development design for their customers.

HTML5 and IE 9

IE9 is often a high-profile advocate of its compatibility with HTML5, but it will certainly be a good browser to support HTML5, because IE9 uses the Windows modern graphics API and the PC's graphics accelerator to output text and graphics. In the March MIX show, Microsoft also claimed that IE9 would support GPU-accelerated HTML5, scrolling graphics, 3D graphics, and so on to the Graphics accelerator card.

HTML5 and Ajax

One problem with today's HTML language is that it's a lightweight application interface that developers who like to use Ajax to implement online apps will find HTML very hard to use. ajaxwith.com that HTML is appropriate to load the interface, JavaScript is used to execute commands, although HTML is not useful as an interface language, but because most developers are familiar with it, HTML is indispensable.

The good news is that HTML5 makes the implementation of AJAX applications easier.

HTML5 with CSS

You need to organize your CSS code to support HTML5, because H1, H2 tags will no longer be used, in order to achieve compatibility with HTML5, the best way is to use CSS Reset, the common HTML tags of the CSS properties of the zero,woork Think that the best css reset is Eric Meyers CSS reset.

On the pros and cons of HTML5

HTML5 may be more beneficial to the mobile Web because the current mobile Web,iphone dominates while the IPhone does not support Flash. HTML5 also lets other platforms ' mobile browsers have faster web-loading speeds. Another advantage is that Seo,google April 9 announced that the page load speed as a factor in search rankings, so the HTML5 based pages will also benefit from faster loading.

However, as with any new technology, there are some problems involved, the biggest problem for WEB designers is that because of the introduction of these new tags, there will be a lack of a unified data description format between browsers.

Until HTML5 is widely adopted, we still can't fully understand the good and bad HTML5 code will bring, overall, for developers, this will be a huge change, and for the graphic designer, it is not clear.