h5 new features:
semantic labels: <hrader> </ header>, <footer> </ footer>, <NAV> </ NAV>, <sectionTop> </ sectionTop>, <Article This article was> </ Article This article was>, <aside > </ aside>, <video > </ video>, <audio> </ audio>
new form element: In Email, month The, Number, Range, Search, Tel, URL, Week, Time, DATE, datatime, datetime- local
new form properties: placeholder, required, the autofocus, AutoComplete, MAXLENGTH, NOVALIDATE, max, min, STEP, multipe, Disabled, the checked
the new video and audio tags: <video> </ video> , <audio> </ Audio>
Canvas drawing
SVG drawings
drag
WebWorker, WebStorage, WebSocket
compatibility issues h5 new label:
(1) IE8 / IE7 / IE6 support via document.createElement
(2) is introduced into the head of the html5shiv.js (IE9 and below)
<-! [IF lt IE9]> <Script the src = "dist / html5shiv.js"> </ Script> <[endif] -!>
After loading, the initialization of the new label CSS:
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
Html and how to distinguish HTML5:
(. 1) on the document type declaration, h5 is <DOCTYPE html!>, Long before the release
(2) h5 semantic labels, such as <header> </ header>