Soon after, HTML5 began to attract more and more people's attention. Although W3C stated that there is still a long way to go before its final maturity, it does not stop people from anticipating it. In 2007, HTML5 marched towards the W3C standard. The mission of HTML5 is to localize rich Web applications and break away from the fetters of browser plug-ins. The W3C launched the first draft of HTML5 in January 2008, and the full implementation of the HTML5 standard may not be until 2022 or later.
What is HTML5
HTML5 is another important version after HTML4.01, XHTML 1.0 and DOM 2 HTML, aiming to eliminate the dependence of Rich Internet Programs (RIA) on browser plug-ins such as Flash, Silverlight, and JavaFX.
HTML5 Summary
HTML5 brings many new features and changes in HTML code. You need to use some specific API scripts, such as:
DOM
Canvas object that implements 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 in handling HTML code errors, while browsers that do not support HTML5 will ignore HTML5 code.
HTML syntax changes
HTML5 introduces new HTML elements and attributes. Some are semantic versions of traditional common elements, such as nav, footer and other elements that replace div elements. There are also some brand-new elements, such as audio and video. Some elements that are deprecated in HTML4, such as font and center, will be deprecated. New HTML elements introduced by HTML5 include:
article: article
aside: sidebar content next to the content
audio: audio
canvas: 2D drawing
command: command button
datalist: drop-down selection box
details: details of the object
dialog: dialog box
embed: external plug-in or object
figure: a set of media objects and label text
header: top of page
hgroup: Information about a certain part of the document
keygen: Key generated by the form
mark: marked text
meter: a measure within a predefined range
nav: navigation bar
output: output
progress: progress bar
rp: identifies ruby content
rt: Explanation of rubby content
ruby: rubby content
section: define a section
source: media resources
time: date time
video: video
These new tags can make your HTML documents easier to load and make it easier for search engines to crawl the useful information. For example, search engines can directly crawl the content in the article tag that they care about most.
How HTML5 coexists with popular technologies
Today's Web world has become accustomed to various plug-ins and APIs. HTML5 has brought convenience and inconvenience to Web developers and designers. How will HTML5 coexist with these popular technologies?
HTML5 and Flash
This debate has been going on for a long time. Flash has been abused by some developers and designers, causing some web pages to load slowly, and HTML5 has brought a glimmer of hope. It may be unfair to compare HTML5, which is still in its infancy, with Flash, which is already 10 years old, but this is an issue that everyone is concerned about. Mac users may benefit more from HTML5 than Windows users because Apple has been reluctant to support Flash. The following is part of a test conducted by Mike Chambers on the CPU load of browsers on Mac and Windows platforms:
.jpg)
Tests show that Flash performance on the Mac platform is worse than on the Windows platform, depending on the browser you use. Now it seems that Flash is the better choice as far as video games are concerned, but depending on your browser, if your videos are not very complex, HTML5 is the better choice. What web developers and designers should take away from these debates is that there are alternatives to Flash, but Flash is firmly entrenched and clients need to do some research on their target audience when developing designs for them.
HTML5 and IE 9
IE9 often touts its HTML5 compatibility, but it will indeed be a browser that supports HTML5 well because IE9 uses the Windows Modern Graphics API and the PC's graphics accelerator card to output text and graphics. At the MIX show in March, Microsoft also announced that IE9 will support GPU-accelerated HTML5, handing over graphics scrolling, 3D graphics display and other processing to graphics accelerator cards.
HTML5 and Ajax
One problem with the current HTML language is that it is a lightweight application interface. Developers who like to use Ajax to implement online applications will find HTML very difficult to use. Ajaxwith.com believes that HTML is suitable for loading interfaces, and JavaScript is used for executing commands. Although HTML is not easy to use as an interface language, HTML is still indispensable given how familiar it is to most developers.
The good news is that HTML5 will make it easier to implement Ajax applications.
HTML5 with CSS
You need to organize your CSS code to support HTML5, because tags such as h1 and h2 will no longer be used. In order to achieve compatibility with HTML5, the best way is to use CSS reset to replace the CSS of common HTML tags. Attributes are cleared. Woork believes that the best CSS Reset is Eric Meyers CSS reset.
HTML5 pros and cons
HTML5 may bring more benefits to the mobile Web. The reason is that the iPhone dominates the mobile Web now, and the iPhone does not support Flash. HTML5 will also allow mobile browsers on other platforms to load web pages faster. Another benefit is SEO. Google announced on April 9 that page loading speed will be a factor in search rankings, so HTML5-based pages will also benefit from faster loading speeds.
However, like the advent of any new technology, there will also be some problems involved. For Web designers, the biggest problem is that because of the introduction of these new tags, there will be a lack of unified data description among browsers. Format.
Until HTML5 is widely adopted, we won't fully know what good or bad things HTML5 code will bring. Overall, it will be a huge change for developers, but not yet for graphic designers. clear.
International source of this article: instantshift.com HTML5: Worth the Hype? (Original author: Shannon Suetos)
Chinese compilation source: Ruishang Enterprise CMS website content management system official website