What is html5? What are the new features of html5? (Summary with code)

This article mainly introduces what HTML5 is and summarizes html5’s new features. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

First of all, everyone should know what HTML is, right?

HTML is the abbreviation of Hyper Text Markup Language, "Hypertext Markup Language", which is the standard language for making web pages. Because web pages contain not only ordinary text but also hypertext, it is called a hypertext description language.

SoWhat is HTML5?

The fifth major revision of Hypertext Markup Language (HTML), an application under Standard Universal Markup Language, the core language of the World Wide Web. We will call this revised standard html5.

html5 is a set of technology combinations including HTML, CSS and JavaScript, which enhances the performance of Web pages. Secondly, web application functions such as local database are added.

Now we will summarize and introduce the new features of html5 based on simple examples.

1. Painting canvas

HTML5 tag is used to draw images (via script, usually JavaScript).

2. Video and audio elements for media playback

HTML5 DOM provides methods, properties and events for the

These methods, properties, and events allow you to use JavaScript to manipulate the

3. Local offline storage localStorage long-term storage of data, the data will not be lost after the browser is closed

localStorage: data storage without time limit

4. SessionStorage data will be automatically deleted after the browser is closed

sessionStorage: Data storage for a session

5. Content elements with better semantics, For example, article, footer, header, nav, section

1.

tag defines external content.

2.

tag defines the header of a document or a part of a document. The

element should serve as a container for introductory content or navigation links.

3.Nav element can be used as a link group for page navigation. There are many links in the navigation link group. Clicking on each link can link to other pages or other parts of the current page, not all links. Groups must be placed in nav elements. We only need to put the most important, basic and important ones in nav elements.

4.section is a semantic label.

6. Form controls, calendar, date, time, email, url, search

7. New technologies webworker, websocket, Geolocation

1. Web worker is JavaScript running in the background, independent of other scripts and will not affect the performance of the page. You can continue to do whatever you want: click, select, etc. while the web worker runs in the background.

2.WebSocket is a protocol for full-duplex communication on a single TCP connection that HTML5 began to provide.

3.HTML5 Geolocation API is used to obtain the user's geographical location. Given that this feature may violate user privacy, user location information is not available unless the user consents.

This article is a summary of the new features of HTML5. I hope it will be helpful to friends in need.

If you want to know more about front-end related knowledge, you can follow the PHP Chinese website HTML5 video tutorial, Bootstrap tutorial and other related tutorials. Welcome everyone to refer to and learn!

The above is the detailed content of What is html5? What are the new features of html5? (Summary with code). For more information, please follow other related articles on the PHP Chinese website!