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

This article mainly explains "what are the knowledge points of HTML5". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what are the knowledge points of HTML5".

1: mobile Web application based on HTML5

Canvas drawing: use Js to draw graphics by getting the Dom element Canvas in HTML and invoking the Context object in its rendering context.

Multimedia: Video and Audio (multimedia video format: Ogg MPEG4 WebM)

Local storage: storing data by providing key/value

Web Storage:

Mobile Web Application based on HTML5

Canvas drawing: use Js to draw graphics by getting the Dom element Canvas in HTML and invoking the Context object in its rendering context.

Multimedia: Video and Audio (multimedia video format: Ogg MPEG4 WebM)

Local storage: storing data by providing key/value

Web Storage:localStorage-data storage with no time limit

SessionStorage-for a session data store, the data will be deleted when the user closes the browser window

Web SQL Database: three core methods openDatabase transaction executeSql for storing data in a form similar to a relational database (which is already an obsolete standard)

Offline applications: when browsers that support offline applications detect any resource files in the manifest file (Manifest File), they download the corresponding resource files and cache them locally

Use geolocation

Mobile Web framework: jQuery Mobile based on jQuery page driver, Sencha Touch based on ExtJS architecture, and PhoneGap framework that can open the channel between Web and Native. There are two development models: traditional Web-based development (jQuery Mobile) and component-based Web development (Sencha Touch)

LocalStorage-data storage with no time limit

SessionStorage-for a session data store, the data will be deleted when the user closes the browser window

Web SQL Database: three core methods openDatabase transaction executeSql for storing data in a form similar to a relational database (which is already an obsolete standard)

Offline applications: when browsers that support offline applications detect any resource files in the manifest file (Manifest File), they download the corresponding resource files and cache them locally

Use geolocation

Mobile Web framework: jQuery Mobile based on jQuery page driver, Sencha Touch based on ExtJS architecture, and PhoneGap framework that can open the channel between Web and Native. There are two development models: traditional Web-based development (jQuery Mobile) and component-based Web development (Sencha Touch)

Some interesting new features in 2:HTML5:

Canvas elements for painting

Video and audio elements for media playback

Better support for local offline storage

New special content elements, such as article, footer, header, nav, section

New form controls, such as calendar, date, time, email, url, search

3:localStorage: * the saved data is secure within the domain, it is domain-based, and any page in the domain can access localStorage data.

Note that data stored in Firefox using localStorage cannot be read in Chorme browsers. Similarly, because localStorage data is saved in devices, the same application stores different data on different devices, such as Android data that cannot be accessed by IOS.

First, let's take a look at Storage's API: attribute length; methods: setItem, getItem, removeItem, clear. Of course, you can all know what these meanings are when you look at the names. I won't elaborate on their specific writing methods here.

SessionStorage: the stored data cycle is only saved in the current window in which it is stored or in a new window created by the current window. Once closed, the data is cleared. It inherits from the interface of Storage and is basically the same as localStorage.

Storage time monitoring: StorageEvent API: key, oldValue, newValue, url, StorageArea; Storage time can be registered to listen using addEventListener

Thank you for your reading, these are the contents of "what are the knowledge points of HTML5". After the study of this article, I believe you have a deeper understanding of what are the knowledge points of HTML5, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.