HTML5 learn A

1. Most browsers implement features

• Canvas
• Cross-document Message Delivery
• Geolocation
• Audio and video
• Forms
• MathMl
• Microdata
• Server-send Events
• Scalable Vector Graphics (SVG)
• Websokect APIs and protocols
• Web Origin Concept
• Web Storage
• Index Database
• App cache (offline web App)
• Web Workers
• Drag and drop
• XMLHttpRequest Level 2

2. New DOCTYPE and character sets

Original <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

New <! DOCTYPE html>

Originally <meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>

New <meta charset= "Utf-8"/>

3. Introducing new elements

Header footer section Aside Nav article can be included with each other

　　

4. Use the Selector API to simplify the selection operation

Original: document.getElementById ();d ocument.getelementbyname (); Document.getelementbytagname ();

NEW: Document.queryselector ();d Ocument.queryselectorall ()

eg. Querying the Class,document.queryselector ('. Contaner ') of a container, querying all Document.queryselectorall ('. Container '), multiple results, sub-grid

6.window. Json

Contains two methods: the JSON string parse () parses into a DOM element, and the DOM element Stringify () is serialized into JSON; Parse (), stringify ()