New characteristics in HTML5 and CSS3

HTML5 Painting canvas Elements


Video and audio elements for media playback


Local off-line storage localstorage long-term storage data, the browser is closed after the data is not lost;
Sessionstorage data is automatically deleted after the browser is closed


Semantically better content elements such as article, footer, header, nav, section


form controls, calendar, date, time, email, url, search
CSS3
CSS3 realizes rounded corners (Border-radius), Shadows (Box-shadow),
For text plus effects (Text-shadow,), linear gradients (gradient), rotation (transform)
Transform:rotate (9deg) scale (0.85,0.90) translate (0px,-30px) skew ( -9deg,0deg);//rotate, zoom, position, tilt
Added more CSS selector background Rgba
The only pseudo element introduced in CSS3 is:: Selection.
Media query, multi-column layout
Border-image


Removed elements


Elements of pure expression: Basefont,big,center,font, s,strike,tt,u;


Elements that have a negative impact on usability: frame,frameset,noframes;


* Is the IE8/IE7/IE6 supports the label generated by the Document.createelement method,
You can use this feature to enable these browsers to support HTML5 new labels,


After the browser supports the new label, you also need to add the default style for the label:


* Of course the best way is to use the mature framework directly, the most used is the Html5shim framework
<!--[If Lt IE 9]>
<script> src= "Http://html5shim.googlecode.com/svn/trunk/html5.js" </script>
<! [endif]-->