Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "what is the scope of application of HTML5", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "what is the scope of application of HTML5" article.

What is HTML5?

HTML5 itself was recommended by the W3C and was developed through technology developed by hundreds of companies such as Google, Apple, Nokia, China Mobile and so on. The biggest advantage of this technology is that it is a public technology.

In other words, every public standard can be traced to the W3C database. On the other hand, the HTML5 standard adopted by W3C means that every browser or platform will implement it.

1. HTML5 in a narrow sense

The HTML5 draft, formerly known as Web Applications 1.0, was proposed by WHATWG in 2004 and accepted by W3C in 2007, and a new HTML working group was established. On May 6, 2013, the official draft of HTML 5.1 was published.

The specification defines the fifth major version, with the first revision of the core language of the World wide Web: hypertext markup language (HTML). In this release, new features are being introduced to help authors of Web applications strive to improve the interoperability of new elements.

2. HTML5 in broad sense

In a broad sense, HTML5 includes a set of technologies including HTML, CSS and JavaScript, which aims to reduce the browser's dependence on plug-ins and provide rich RIA (rich client) applications.

Therefore, CSS3,SVG,WebGL,Touch events and animation support all belong to the technical scope of HTML5 (please see Ma Haixiang's blog "introduction to the main technical components and functions of HTML5").

II. Scope of application of HTML5

There is still a huge room for growth in the application of HTML5, and it is likely to gradually transform from the advertising industry to the game industry, radio and television industry and media industry in the near future.

1. Cool applications

Someone once described HTML5,doing anything cool (on the web) as a cool app that allows you to watch full-screen high-definition videos, play lightweight online games, experience smooth animation, browse exquisite web maps and listen to music from Internet radio stations without installing plug-ins. Some small and beautiful applications are very suitable for HTML5, and some modules in enterprise applications can also choose HTML5.

2. Do I have to cross the platform?

Each programming language and technology has a specific scope of application, if your target customer is iPhone, you only need to consider Safari for Mobile, if you also consider the Android platform, choose to support the Webkit kernel, if the target group is high-end users, using some new technologies is also feasible, if all platforms have to support, in addition to the basic functions, the use of HTML5 technology to add some highlights, will also be very attractive.

Third, the shortcomings of HTML5

Although HTML5 has many advantages, HTML5 also has its scope of application. HTML5 technology is an exaggerated one-size-fits-all oil. In the case of different browser support, development tools and lack of third-party class libraries, HTML5 can not solve all problems, but if you limit its scope of use, HTML5 can solve many problems elegantly.

At present, the biggest disadvantages of HTML5 are simple and decentralized functions and different browser support.

1. The function is simple and decentralized

HTML5 is a collection of technologies, including various tags and their related API,HTML,CSS,SVG,JavaScript, there is no unified development tool, a complete HTML5 application involves a variety of technologies, resulting in difficult development, for enterprise applications, the function of HTML5 is limited, need to rely on the third-party class library.

2. Different browsers support

HTML5 has always been famous for being cross-platform, but in fact, to achieve this goal, HTML5 lacks a browser benchmark (Webkit is expected to become), especially at present, when the share of IE6/7/8 remains high, it is almost impossible to cross the whole platform with HTML5 (for details, see Ma Haixiang's blog "how to solve the problem that IE6/IE7/IE8 browsers are not compatible with new HTML5 tags").

IV. Application status of HTML5

From a hardware point of view, domestic mobile phones and tablets are the most widely used mobile devices, followed by PC, followed by TV and game devices.

From a software point of view, desktop browsers support HTML5 higher than mobile browsers, up to 95%, while overall, mobile browsers support HTML5 better than desktop browsers.

HTML5 has good browser backward compatibility, and developers can design a variety of fallback schemes for situations that the browser does not support. Therefore, the actual display performance of HTML5 pages is closely related to developers and production platform.

In 2015, more and more companies are laying out the HTML5 brand promotion. From June to July, personal works such as chicken soup and self-media showed a downward trend, while the works of users of commercial enterprises maintained a rapid growth. Driven by the business demand, the purpose of HTML5 page design is stronger, and the basic way to achieve the best communication effect is the enterprise case which is targeted under the team operation after a certain period of time planning.

Correspondingly, the original HTML5 platform has also been upgraded on a large scale. From the nature of the platform, HTML5 platform can be divided into three categories: light marketing template, functional engine and basic tools, represented by Yi Qixiu, Egret engine and iH5 respectively.

1. The characteristics of HTML5 platform.

Generally speaking, the characteristics of the three types of HTML5 platforms are as follows:

(1), light marketing template class: provide HTML5 production tools similar to PPT page switching, usually for C-side (individual) users, some for B-side (enterprise) users. The number of this kind of platform is large, it is only suitable for light marketing, and the dynamic effect of the page is limited to page flipping.

(2) functional engine class: a development engine that provides HTML5 web pages, usually for B-end users. This kind of platform mainly provides game engine based on Canvas (canvas), which is suitable for the development of light games and depends on developers.

(3) basic tool class: provide HTML5 visual editing tools for page interaction, mainly for B-end users and part for C-end users. This kind of platform only has iH5, using self-developed closed-source engine, and has a wide range of applications, including light marketing, heavy marketing, media e-commerce content applications, video, animation, games and so on.

Similar to the situation that most browsers use Google open source engine, domestic HTML5 platforms basically use domestic and foreign open source frameworks or engines. However, unlike browsers for web content display, which only need to provide high-performance technical support, HTML5 platform is for HTML5 production or development, and needs to be responsible for the quality of web pages.

Therefore, the use of open source frameworks or engines means that these HTML5 platforms to further expand their business will be more passive, easy to face the dilemma of homogenization.

2. Comparison of HTML5 platform

Because mobile browsers support HTML5 better than PC browsers on the whole, the HTML5 platform in 2015 is mainly for the creation and development of mobile web pages.

As shown in the above table, the three HTML5 platforms provide production or development tools in the form of PC website, APP and software, and the finished product is a web page or HTML5 source code. It can be seen from the table:

(1) the light marketing template HTML5 platform can only do light marketing and can achieve simple dynamic effects such as page turning, which can be divided into three types: scene display, electronic publishing and animation production. The following picture shows the desktop editing interface of Yi Qixiu. The biggest common feature of this kind of platform is that the tool structure is based on the page, which is similar to the software PowerPoint architecture, and can adjust the content by adding or subtracting pages, using functional components and clicking the shortcut menu.

(2) the functional engine HTML5 platform has strong user specificity, mainly technical personnel with development experience. The following figure shows the basic architecture under the view of the Egret Wing software designer. Using the HTML5 engine to streamline the basic code, and then using the third-party integrated development environment Adobe Air to build visualization tools, you can simplify the development process by allowing users to use software components.

(3) the basic tool HTML5 platform provides the underlying interactive products, and the development purpose, design principle and implementation ideas are all based on interaction, and there is only iH5 in China. IH5 launched in September 2015 and provides services such as HTML5 production tools, tool training and work trading. It essentially encapsulates an integrated development environment of the DOM (document object Model) engine. The users are mainly designers and are suitable for advertising companies, large media companies and corporate marketing departments.

As shown in the figure above, iH5 provides object components such as stages, screens, pages, multimedia materials, events, databases, rather than built module components. On the premise of providing visual editing, it restores the development process of HTML5 pages to the maximum extent and has a high degree of expansion. Because of providing low-level interactive functions, it has a wide range of applications, such as Wechat promotion, website construction, light game design, light APP development, video interaction and so on.

It is also the HTML5 specification, the trade-off between HTML5 technology and performance has become the difference between the positioning of domestic HTML5 platform tools and the provision of services (for more information, please see Ma Haixiang's blog "in-depth Analysis of the 8 performances of HTML5").

5. Why choose HTML5 technology?

In the second half of 2014, Wechat helped support HTML5 Mini Game, and since then various industries in China have been paying attention to HTML5. Then 2015 was a year of rapid development of the domestic HTML5 industry. When the media played up the "Internet Winter", the production quantity and dissemination breadth of HTML5 works remained high, adding firewood to the cold winter.

1. New standards for Web application development

HTML5, the fifth edition of Hypertext markup language, was released as an official recommendation by the World wide Web Consortium (W3C) in October 2014. It is the most transformative technical specification of HTML since it came out in 1991, and it has been revised and perfected for many years.

In the past, Web development faced two dilemmas:

(1) many people question the security of Flash, but cannot find a suitable plug-in to replace it.

(2) Engineers complain about the repeated development of PC and mobile applications, but still have to design different solutions for Microsoft, Apple, Android and other systems.

And HTML5 provides a good solution. Closely integrated with JavaScript and CSS, HTML5 enables browsers to interact with desktop applications without plug-ins similar to Flash, and its cross-platform availability makes a development of applications more possible.

As shown in the figure above, after Youtube is marked with the video element of HTML5, the web page can play audio and video without a third-party plug-in. Therefore, the rise of HTML5 has a very far-reaching significance, it has evolved from a simple markup language to a pioneer of Web application development.

2 、 HTML5 Vs Flash

In the past, rich client applications are mainly implemented through plug-in technology, such as Adobe Flash, Microsoft Silverlight, Java Applet, there are some problems: need to install plug-ins, do not support mobile devices, proprietary technology, no international standards, etc., of course, plug-in technology also has advantages, there are specific uses, the above Flash technology and HTML5 are compared.

3. The development trend of the Internet.

With the improvement of the network architecture and the improvement of broadband, when the network speed meets the needs of real-time interaction, the computer structure will also change, the optical drive will disappear, the hard disk will disappear, the memory will increase, and GPU will become more and more important. now there are more and more applications of GPU S structure, while HTML5 aims to enrich Internet applications, so it is one of the trends of Internet applications to improve the user experience of Bamp S structure applications.

At present, HTML5 can already solve many problems, some of which can be used, but for the future Internet, based on the architecture of "cloud + terminal", compatible solutions for terminal HTML5 are bound to emerge, and then you can fully embrace HTML5.

The above is about the content of this article on "what is the scope of application of HTML5". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.