The good programmer front end shares the history of HTML5. The predecessor of the HTML5 draft, WebApplications1.0, was proposed by the WHATWG in 2004 and accepted by the W3C in 2007 with a new HTML working group.
The first official draft of HTML5 was released on January 22, 2008. HTML5 is still a work in progress. However, most modern browsers already have some HTML5 support.
On December 17, 2012, the World Wide Web Consortium (W3C) officially announced that the HTML5 specification has been finalized after the efforts of many web workers. According to the W3C statement, “HTML5 is the cornerstone of an open Web platform.”
On May 6, 2013, the official draft of HTML5.1 was released. The specification defines the fifth major version, the first to revise the core language of the World Wide Web: Hypertext Markup Language (HTML). In this release, new features are being rolled out to help Web application authors in an effort to improve interoperability with new elements.
The release of this draft, from December 27, 2012 till now, has carried out nearly 100 modifications, including HTML and XHTML tags, related API, Canvas, etc. Meanwhile, HTML5 image IMG tag and SVG have also been improved, and the performance has been further improved.
HTML5 browser compatibility
Browsers that support Html5 include Firefox (Firefox), IE9 and later, Chrome (Google Chrome), Safari, Opera, etc. The domestic Maxthon browser, as well as the 360 browser, Sogou browser, QQ browser, Cheetah browser and other domestic browsers based on IE or Chromium (Chrome engineering version or experimental version) also have the ability to support HTML5.
HTML syntax
HTML5’s file extension remains the same as the ContentType, still being “.html” or “.htm”. DOCTYPE declaration is case insensitive specify character set encoding metacharset=”UTF-8″ omit tag elements are not allowed to write end tag elements: br, COL, embed, HR, img, input,, link, meta
Elements of the closing tag can be omitted: Li, dt, DD, P, option, COLGroup, thead, tbody, tfoot, TR, TD, th
You can omit all marked elements: HTML, head, body, colgroup, tBody Omit quotation marks Attribute values can use double or single quotation marks.
New semantic tags for HTML5
The section element represents a block of content in a page
The article element represents a separate piece of content, independent of context
Aside: An aside element that is outside the content of an article
The header element represents a content block in the page or the title of the entire page
The footer element represents a content block or a footnote for the entire page
The nav element represents the navigation link section of the page
The figure element represents a single piece of stream content and uses the Figcaption element to add a title (the position of the first or last child element)
The main element represents the main content of the page (IE incompatible)
<scriptsrc= “html5.js” ></script>
Video and audio applications
Video <videosrc=”movie.ogg”controls=”controls”>Video </video> Audio </audio>
Controls property: If present, displays controls, such as a play button, to the user.
Autoplay property: If present, the video will play as soon as it is ready.
Loop property: Repeat play property.
Fraternal attribute: muted attribute.
Poster property: Specifies the image to be displayed while the video is downloading until the user clicks the Play button.