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

This article mainly introduces "what is the technical composition of HTML5". In daily operation, I believe many people have doubts about the technical composition of HTML5. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful for you to answer the doubts about "what is the technical composition of HTML5?" Next, please follow the editor to study!

From getting started to mastering HTML5, the first step is to understand the technical composition:

1. Offline function

HTML5 provides several different offline storage functions through JavaScript, which has better flexibility and architecture than traditional Cookie, and can store more content.

WebStorage: larger and more flexible storage than Cookies

WebSQLDatabase: SQL database on the local side

IndexedDB:Key-value 's local database

ApplicationCache: cache some commonly used web pages

2. Real-time communication

In the past, due to the HTTP protocol and the design of the browser, the real-time interaction of the website is quite limited, so we can only use some skills to "simulate" the real-time communication effect, but HTML5 provides perfect real-time communication support.

WebSocket: real-time socket online

WebWorkers: JavaScript used to be singlethread, and multiple operations can be performed through Worker.

Notifications: native prompt message, similar to OSX's Growl prompt

3. Archives and hardware support

I wonder if you have found that in new web programs such as Gmail, files can be used as email attachments by dragging and dropping. This is the DragnDrop and FileAPI in this part of the HTML5 file function.

Drag and drop of DragnDrop:HTML element

FileAPI: read the contents of the user's local computer

Geolocation: geolocation

Deviceorientation: the direction of handheld devices

Speechinput: voice input

4. Semantics

Semantic web enables computers to better understand the content of web pages, which can be of great help to search engine optimization (SEO) or recommendation systems.

Newtags: new tags, such as header, section, etc.

Applicationtags: it is also a new tag, such as meter, progress, etc.

Microdata: add semantic data to enable websites such as search engines to display correctly

Formtype:form can add more type, including attributes such as email and tel, and the browser will assist in verifying the data format.

5. Multimedia

Audio, the volume label support of Video and the functionality of Canvas should be the most familiar parts of HTML5, and it is also the main reason why many people think that Flash will be replaced.

Audiovideo: native playback support for movies and music

Drawing function support of Canvas:2D

Drawing function support of Canvas3D:3D

SVG: vector graph support

6 、 CSS3

CSS3 supports font embedding, layout, and the most impressive animation features.

Selector: a more flexible selector

Webfonts: embedded fonts

Layout: diversified typesetting options

Stlyingradiusgradientshadow: fillet, gradient, Shadow

Borderbackground: background support for borders

Transition: the moving effect of the component

Transform: deformation effects of components

Animation: add movement and deformation to animation support

7 、 JavaScript

In the comparison of the fundamentals of JavaScript, the API of DOM and the record changes on the upper and lower pages of the browser have also been added.

DOMAPI: a more convenient query DOM component

HistoryAPI: modify the contents of the upper and lower pages of the browser, so that AJAX can keep browsing records.

At this point, the study on "what is the technical composition of HTML5" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.