HTML5 the first chapter on the transition from document to application

1. Basic features of the HTML5

1.1 DocType Declaration method

The HTML5 declaration format is very simple and does not require DTDs and URLs

<! DOCTYPE HTML >

Just put a statement at the beginning of the document.

1.2 New elements

Adding new elements represents new semantics, for example, a new

1.3 New Form Features

HTML introduces a new form input type, for example:

Color

Time

Month

　　Date

Number

Range

In addition to the rich type of the input element, HTML5 also introduces new INPUT element properties

For example: AutoComplete, autofocus, placeholder, list, etc.

1.4 Progress bar Metric collapsible content

These are some of the most commonly used display widgets. Personally, in the actual project, more is to build their own components, these native widgets with little.

1.5 Micro-data

Search engines and browsers can provide more functionality through micro-data

2. Advanced Features

2.1 HTML canvas canvases, HTML and JS can be used to create a rich animation, in lieu of a bad implementation, such as the implementation of flash technology.

2.2 Audio and video, previously implemented by third-party plug-ins to support video and audio, but now can be native HTML support. This is perhaps the most important reason for the recent HTML5 fire, the video can be easily transmitted on the mobile side, without the need for any third-party plugins.

2.3 Drag and drop function, the previous drag and drop function in the page is achieved by JS, now combined with the new HTML5 drag-and-drop API can be implemented drag-and-drop function.

2.4 uses WebSockets to implement two-way communication between the server and the client, which has no HTTP-related overhead and is suitable for fast transmission of small-scale data.

2.5 Use the server send event to implement one-way communication from the server side to the client. With the EventSource interface, your web app can subscribe to a server event stream that only receives update messages sent by the server.

2.6 Documents can be edited. By setting the Contenteditable property to make the element editable, setting the DesignMode enables the entire document to have an editable feature.

2.7 Using Cooki can cause a lot of negative problems. The Web Storage Web Storage DOM API is a solution for Web applications that replaces cookies. This API involves two interfaces: Sessionstorage and Localstorge

2.8 Offline Web applications can be developed via INDEXDB. The local INDEXDB database can be invoked when offline, and then updated to the server via AJAX requests when connected to the network

2.9 Scalable Vector Graphics

This series of articles is mainly to further refine and refine the contents of the HTML5 combat (HTML in ACTION). Summarize ideas and methods, streamline content, and learn more about the Web transformation brought about by the HTML5 specification.

HTML5 the first chapter on the transition from document to application