Home > Web Front-end > H5 Tutorial > body text

What is HTML5? What are the features, advantages and disadvantages of HTML5?

寻∝梦
Release: 2018-08-13 18:17:16
Original
3692 people have browsed it

HTML5 is very popular recently. Some friends may not know what HTML5 is. This article will introduce some features, advantages and disadvantages of HTML5 in detail.

What is HTML5?

HTML5 is the next generation HTML standard.

HTML, the previous version of HTML 4.01 was born in 1999. The world of the Web has changed dramatically since then.

HTML5 is still a work in progress. However, most modern browsers already have some HTML5 support.

HTML5 is the latest revised version of HTML. The standard was completed by the World Wide Web Consortium (W3C) in October 2014.

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 W3C. Its development is a technology brewed by hundreds of companies such as Google, Apple, Nokia, and China Mobile. The biggest benefit of this technology is The reason is that it is a public technology. In other words, every public standard can be traced back to the W3C database. On the other hand, the HTML5 standard adopted by W3C means that every browser or every platform will implement it.

2. Multi-device cross-platform

The main advantage of using HTML5 is that this technology can be used across platforms. For example, if you develop an HTML5 game, you can easily transplant it to UC's open platform, Opera's game center, Facebook application platform, or even distribute it to the App Store or Google Play through encapsulation technology, so it is cross-platform. The platform is very powerful, which is the main reason why most people are interested in HTML5.

3. Adaptive web design

People have long imagined whether it would be possible to "design once and apply universally" so that the same web page can automatically adapt to screens of different sizes. , automatically adjust the layout according to the screen width.

In 2010, Ethan Marcotte proposed the term "adaptive web design", which refers to web design that can automatically recognize the screen width and make corresponding adjustments.

This solves the traditional situation - the website provides different web pages for different devices, such as a dedicated mobile version, or iPhone/iPad version. Although this ensures the effect, it is more troublesome and requires maintaining several versions at the same time. Moreover, if a website has multiple portals, it will greatly increase the complexity of the architectural design.

4. Instant updates

The game client has to be updated every time, which is very troublesome. But updating HTML5 games is like updating a page, it is an immediate and real-time update.

Summary Summary HTML5 has the following advantages:

1. Improve usability and improve user-friendly experience;

2. There are several new tags that 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. Very SEO-friendly when it comes to website crawling and indexing;

6. Will be widely used in mobile applications and games;

7. Good portability.

Disadvantages:

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

Characteristics of HTML:

1. Semantic characteristics (Class: Semantic)

HTML5 Give web pages better meaning and structure. Richer tags will come with support for RDFa, microdata and microformats, building a data-driven Web that is more valuable to both programs and users.

2. Local storage features (Class: OFFLINE & STORAGE)

Web APP developed based on HTML5 has shorter startup time and faster Internet speed. These All thanks to HTML5 APP Cache and local storage function. Indexed DB (one of the most important technologies for html5 local storage) and API documentation.

3. Device compatibility feature (Class: DEVICE ACCESS)

Since the API documentation of the Geolocation function was made public, HTML5 has provided more functions for web application developers The optimization choices on the app bring more advantages in experience functions. HTML5 provides an unprecedented open interface for data and application access. Allows external applications to be directly connected to the data inside the browser, for example, video and audio can be directly connected to microphones and cameras.

4. Connection characteristics (Class: CONNECTIVITY)

More effective connection efficiency, making page-based real-time chat, faster web game experience, more optimized online communication has been realized. HTML5 has more effective server push technology. Server-Sent Event and WebSockets are two of the features. These two features can help us realize the function of the server "pushing" data to the client.

5. Web page multimedia features (Class: MULTIMEDIA)

Supports multimedia functions such as Audio and Video on the web page, which complement the website's own APPS, camera, and audio-visual functions.

6. Three-dimensional, graphics and special effects features (Class: 3D, Graphics & Effects)

Users will be amazed by the 3D functions based on SVG, Canvas, WebGL and CSS3 Due to the amazing visual effects presented in the browser.

7. Performance and Integration Features (Class: Performance & Integration)

No user will wait forever for your Loading - HTML5 will solve the previous problem through technologies such as XMLHttpRequest2 cross-domain issues to help your web applications and websites work faster in diverse environments.

Some interesting new features in HTML5:

Canvas element for painting

For media playback video and audio elements

Better support for local offline storage

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

New form Controls, such as calendar, date, time, email, url, search

[Related recommendations]

HTML video detailed explanation

## The basic elements of #html allow you to learn HTML from scratch



The above is the detailed content of What is HTML5? What are the features, advantages and disadvantages of HTML5?. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template