Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Broadly speaking, there are four main areas of change:</p> <ul> <li><p>Semantic markup, including the following tags:</p> <p><code>&lt;section&gt;</code> <code>&lt;article&gt;</code> <code>&lt;header&gt;</code> <code>&lt;footer&gt;</code> <code>&lt;nav&gt;</code> <code>&lt;aside&gt;</code> <code>&lt;hgroup&gt;</code></p> <p>This also covers changes to the <code>&lt;doctype&gt;</code>, <code>&lt;html&gt;</code> and <code>&lt;meta&gt;</code> tags, as well as link relations (the rel attribute on an <code>&lt;a&gt;</code> tag).</p></li> <li><p>Improved form support - mainly semantic additions to input types, and a few neat things like field autofocus and placeholder text.</p></li> <li><p>Multimedia tags - <code>&lt;video&gt;</code>, <code>&lt;audio&gt;</code> and <code>&lt;canvas&gt;</code>. <code>&lt;video&gt;</code> and <code>&lt;audio&gt;</code> are intended to improved better support for embedded media in the page; <code>&lt;canvas&gt;</code> is for programmatic two-dimensional bitmap drawing on the page through JavaScript.</p></li> <li><p>Changes to the DOM that are just accessible through JS - <code>navigator.geolocation</code>, <code>window.localStorage</code> (storing user data offline), <code>window.applicationCache</code> (storing app data offline), web workers (multithreaded JavaScript, with some caveats)</p></li> </ul> <p>Different parts of HTML are in different stages of specification and implementation - the form changes are poorly supported outside of Safari, the <code>&lt;video&gt;</code> tag is basically unusable in a cross-platform environment (without multiple video formats), and IE has built-in support for next to none of these changes.</p> <p>The best place to read up on HTML5 that I've seen is Mark Pilgrim's excellent book in progress, <a href="http://diveintohtml5.info/" rel="nofollow noreferrer">Dive into HTML5</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload