I. Ease of use and code simplicity

HTML5 gives web pages more meaning and structure. New HTML tags like <header>, <footer>, <nav>, <section>, <aside>, etc., make it easier for readers to access content. With the new semantics of defining tags, you can better understand HTML documents and create a better use experience. One of the coolest features in HTML5 is local storage. It's a little bit like the old technology cookie and client-side database fusion. It is better to use than Cooke because it supports multiple Windows storage, it has better security and performance, and it can be saved even after the browser is closed. Because it's a client-side database, you don't have to worry about users deleting any cookies, and all major browsers support it. Local storage is great for many situations, and it's one of the HTML5 tools that doesn't require third-party plug-ins. Being able to save data to a user's browser means you can easily create application features such as saving user information, caching data, and loading the user's last application status. Since the release of Geolocation API documents, HTML5 provides web application developers with more optimization options, bringing more advantages of experience functions.Copy the code

There are a number of meta tags that allow you to optimize movement:

Viewport: Allows you to define viewPort width and zoom Settings

Full screen browser: ISO specifies a value that allows Apple devices to display in full screen mode

Home Screen ICONS: Like desktop favorites, these ICONS can be used to add favorites to the front page of IOS and Android mobile devices.

Four, web page media features better support sound, video

Support Audio, Video and other multimedia functions on the web side; You need to use <embed> and <object> tags before publishing HTML5, and you have to give them a bunch of parameters in order for them to play correctly. Your media tag will be a very complicated, confusing pile of code. And HTML5 video and audio tags basically treat them as images: <video SRC =""/>. But what about other parameters like width and height or auto play? Don't worry, just define it like any other HTML tag: <video SRC = "URL" width= "640px" height= "380px" autoplay/>Copy the code

Your browser does not support the video TAB.

Five, three-dimensional, graphics and special effects

Based on THE 3D functions of SVG, Canvas, WebGL and CSS3, users will be amazed at the amazing visual effects presented in the browser. Users can develop games with < Canvas >. The <canvas> element itself does not have the ability to draw, relying on scripts to complete.Copy the code

Iii. Device Compatibility (cross-browser)