What are HTML5 and what are the characteristics and pros and cons of HTML5?

Recently HTML5 very fire, perhaps some friends do not know what HTML5 is, this article will give you a detailed introduction HTML5 some features and advantages and disadvantages.

What is HTML5?

HTML5 is the next generation of HTML standards.

HTML, a previous version of HTML 4.01 was born in 1999. Since then, the Web world has undergone great changes.

HTML5 is still in perfect. However, most modern browsers already have some HTML5 support.

HTML5 is the latest revised version of HTML, which was developed by the World Wide Web Consortium in October 2014.

The HTML5 is designed to support multimedia on mobile devices.

HTML5 is simple and easy to learn.

Advantages and disadvantages of HTML5

Advantages

1. Network standards

HTML5 itself is recommended by the company, its development is through the Google, Apple, Nokia, China Mobile and other hundreds of companies in the brewing technology, the biggest advantage of this technology is that it is a public technology. In other words, every open standard can be used to find the source of the data base. On the other hand, the HTML5 standard adopted by the Internet also means that every browser or platform will be implemented.

2. Multi-device cross-platform

The advantage of using HTML5 is that this technology can be used across platforms. For example, if you have developed a HTML5 game, you can easily migrate to the open platform of UC, opera's Game Center, Facebook app platform, and even be distributed to App Store or Google Play via encapsulated technology, so it's very cross-platform This is the main reason why most people are interested in HTML5.

3. Self-adapting web design

It was long ago that it was possible to "design and apply universally" so that the same page automatically adapts to different sizes of screens, automatically adjusting the layout according to the width of the screen.

In 2010, Ethan Marcotte proposed the term "Adaptive Web page Design", referring to Web design that automatically recognizes screen widths and makes adjustments accordingly.

This solves a traditional situation where a website provides different web pages for different devices, such as a dedicated mobile version or a iphone/ipad version. This is guaranteed to be effective, but it is cumbersome to maintain several versions at the same time, and if a site has multiple portals (portals), it will greatly increase the complexity of the architecture design.

4. Instant Updates

The game client has to be updated every time, very troublesome. However, updating the HTML5 game is like updating the page, which is immediately and instantly updated.

Summary HTML5 has the following advantages:

1, improve the usability and improve the user's friendly experience;

2, there are several new tags, which will help developers define important content;

3, can bring more multimedia elements (video and audio) to the site;

4, can be a good alternative to flash and Silverlight;

5, when it comes to the crawl and index of the site, for SEO friendly;

6, will be used in a large number of mobile applications and games;

7, good portability.

Disadvantages:

The standard is not well supported by the browser. Due to the introduction of new tags, there is a lack of a unified data description format between browsers, resulting in poor user experience.

Features of HTML:

1. Semantic characteristics (class:semantic)

HTML5 gives the web a better sense and structure. Richer labels will build a data-driven web that is more valuable to programs and users, with support for RDFA, micro-data, and micro-formats.

2. Local Storage features (Class:offline & STORAGE)

Web apps based on HTML5 have shorter start-up times, faster networking speeds, all thanks to the HTML5 APP Cache and local storage capabilities. Indexed DB (one of the most important technologies for HTML5 local storage) and API documentation.

3. Device compatibility features (Class:device ACCESS)

Since the release of the API documentation for the geolocation feature, HTML5 has provided more functional optimization options for Web application developers, with the added benefit of more experience features. HTML5 provides unprecedented access to data and applications to open interfaces. Allows external applications to directly connect to the data inside the browser, such as video and audio directly linked to the microphones and camera.

4. Connection characteristics (class:connectivity)

More efficient Connection productivity enables page-based live chat, faster web game experience, and more optimized online communication. HTML5 has more efficient server push technology, Server-sent event and WebSockets are among the two features that can help us implement the server's ability to "push" data to the client.

5. Web Multimedia features (Class:multimedia)

Support the web-side audio, video and other multimedia functions, and the site's own apps, cameras, audio and video features complement each other.

6. Three-dimensional, graphic and special effects features (class:3d, graphics & effects)

Based on the 3D capabilities of SVG, Canvas, WebGL and CSS3, users will marvel at the amazing visuals that appear in the browser.

7. Performance and integration features (Class:performance & Integration)

No user will ever wait for your LOADING--HTML5 to help your Web applications and websites work faster in a diverse environment through technologies such as XMLHTTPREQUEST2 to solve previous cross-domain issues.

Some interesting new features in HTML5:

Canvas Elements for painting

Video and audio elements for media playback

Better support for local off-line storage

New special content elements such as article, footer, header, nav, section

New form controls, such as Calendar, date, time, email, url, search

"Recommended"

Detailed HTML video

HTML base element that gives you 0 basic learning HTML