What are the characteristics of markup language HTML5

Features of HTML5: 1. Hypertext Markup Language uses a superset approach to upgrade its version, making it more flexible and convenient; 2. Hypertext Markup Language uses subclass elements to ensure system expansion; 3. Cross-platform, can be used on a wide range of platforms; 4. Versatility; 5. Instant updates; 6. Offline caching function; 7. Video and audio support.

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

1. What is HTML

Before understanding html5, we must first talk about the html language. Although it is the updated 5, there are many The advantages of html are still retained.

HTML is the abbreviation of HyperText Markup Language. It is an application under the standard universal markup language. It is also a specification and a standard. It uses mark symbols to mark each element in the web page to be displayed. part. From the appearance of the first version to the present, html has gone through 5 revisions. From HTML 2.0 to HTML 5, html has used its own advantages to prove its advantages in websites, so much so that it has replaced the ancient C language programming to structure the website. part of the website.

HTML has the following characteristics:

1. Simplicity: The hypertext markup language version is upgraded using a superset method, making it more flexible and convenient.

2. Scalability: The wide application of hypertext markup language has brought about requirements for enhanced functions and added identifiers. Hypertext markup language adopts the method of subclass elements to ensure system expansion.

3. Platform independence: Although personal computers are popular, there are many people using other machines such as MAC. Hypertext Markup Language can be used on a wide range of platforms. This is another reason why the World Wide Web (WWW) is popular. reason.

4. Universality: In addition, HTML is the universal language of the Internet, a simple and universal all-purpose markup language. It allows web page producers to create complex pages that combine text and images, and these pages can be viewed by anyone else on the Internet, regardless of the type of computer or browser used.

2. What is HTML5

HTML5 is the fifth updated product of HTML (Hypertext Markup Language), which is a Interpreted language, the file extension suffix is ​​in the form of .htm or .html. This is a product jointly developed by many manufacturers. It is said that W3C will launch a standard version in 2022. Although it is still under continuous improvement, the new features and functions have not only saved web developers' time and cycles, but also improved the user experience and better served developers.

In the era of HTML, the entire screen is filled with div elements. The structure is confusing, difficult to read, and the code is bloated. In HTML5, many new semantic layout tags are added, such as nav, header, footer, article, etc., to make the layout of the web page structure clear. New audio, video, image, drawing, animation and other functions have also been added. In the past, these could only be completed using flash. You can create many cool effects using the new features of HTML5.

Related recommendations: "Html5 Video Tutorial"

3. HTML5 Features

1. Semantic features (Class: Semantic)

HTML5 gives 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 network speed, all thanks to HTML5 APP Cache, and local storage functions. Indexed DB (one of the most important technologies for html5 local storage) and API documentation.

3. Device compatibility features (Class: DEVICE ACCESS)

Since the API documentation of the Geolocation function was made public, HTML5 has provided web application developers with more functional optimization options, bringing Comes the advantage of more experience features. 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 enables page-based real-time chat, faster web game experience, and more optimized online communication. . 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 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)

Based on the 3D functions of SVG, Canvas, WebGL and CSS3, users will be amazed by the 3D functions in the browser. The stunning visuals presented.

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

No user will wait forever for your Loading - HTML5 will solve previous cross-domain problems through technologies such as XMLHttpRequest2, helping your web applications and websites work faster in diverse environments.

8. CSS3 features (Class: CSS3)

CSS3 provides more styles and stronger effects without sacrificing performance and semantic structure. In addition, the Web's Open Font Format (WOFF) also provides greater flexibility and control than previous Web typesetting.

4. Special advantages of HTML5

1. Cross-platformness

Before the arrival of HTML5, due to the diversity of platforms This leads to the development of multiple versions of a product for different platforms, which consumes a lot of time and energy and increases development costs. However, the emergence of HTML5 technology can solve this problem very well. As long as developers use one set of programs, they can easily realize the display functions of multiple platforms, reducing development difficulty and saving development time and cost investment.

2, Instant Updates

Before native applications were launched on the Appstore, they had to wait for a long time for review. Once there was a problem and needed to be updated, they had to be re-reviewed, which invisibly wasted a lot of time. . HTML5 is loaded through the browser, so there is no such problem. If any problem occurs, it can be updated and launched in time without waiting for review time.

3. Offline caching function

The coolest feature in HTML5 is offline caching. Several different offline storage functions are provided through JavaScript. Compared with traditional cookies, they have better flexibility and structure, and can store more content. It has better security and performance and can be saved even after the browser is closed.

4, video and audio support

Previously, when implementing the media playback function, it has always been a painful thing for developers. You need to allow your video and audio to access resources through HTML5 tags and . And they have to be given a whole bunch of parameters in order for them to play correctly. This way you have to keep repeating tags, and your code will become very cumbersome. Now it's all very simple.

5, clear code

HTML5 allows you to write simple and clear code. With HTML5 you can finally solve the problem of defining your divs and their classes by using semantic HTML header tags to describe the content. Make your code clearer and easier to understand.

For more programming related knowledge, please visit: Programming Video! !

The above is the detailed content of What are the characteristics of markup language HTML5. For more information, please follow other related articles on the PHP Chinese website!