H5 new features and example analysis of web page layout

This article mainly introduces the new features of h5 and the example analysis of web page layout, which has a certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let's take you to know it.

Some interesting new features in HTML5:

Canvas elements for painting

Video and audio elements for media playback

Better support for local offline storage

New special content elements, such as article, footer, header, nav, section

New form controls, such as calendar, date, time, email, url, search

HTML5 function:

Canvas, Channel messaging, Cross-document messaging, Geolocation, MathML, Microdata, Server-Sent Events, Scalable Vector Graphics (SVG), WebSocket API and protocols, Web Origin Concept, Web storage, web SQL database, Web Workers, XMLHttpRequest Level2

HTML design philosophy:

1. Avoid unnecessary complexity

Such as:

two。 Support existing content

3. Solve practical problems

4. Be realistic and pragmatic

5. Steady degradation

6. End user priority

Simple page layout

Header,nav,article,footer {border: solid 1px # 666 position padding: 10px decision margin: 6px;} header {width: 500px;} nav {float: left;width: 60pxash height: 100px;} article {float: left;width: 406pxashing height: 100px;} footer {clear: both;width: 500px;} Navigation menu bottom description

Thank you for reading this article carefully. I hope the article "sample Analysis of H5 New Features and Web layout" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!