h5 new features and web page layout examples-H5 Tutorial-php.cn

h5 new features and web page layout examples

零下一度

Release： 2017-07-26 09:39:45

Original

2251 people have browsed it

What is HTML5: HTML5 is the next generation of HTML and will become the new standard for HTML, XHTML and HTML DOM.

Some rules established for HTML5:

New features should be based on HTML, CSS, DOM and JavaScript.

Reduce the need for external plug-ins (such as Flash)

Better error handling

More tags that replace scripts

HTML5 should be device independent

The development process should be transparent to the public

Some interesting new features in HTML5:

Canvas element for drawing

Video for media playback and audio elements

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 functions:

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

HTML design concept:

1. Avoid unnecessary Complexity

For example:

2. Support existing content

3. Solve real problems

4. Seek truth and be pragmatic

5. Smooth degradation

6. End users first

Simple Web page layout

<!DOCTYPE html><html><head>
<meta charset="utf-8" />
<title></title><style type="text/css">header,nav,article,footer{border: solid 1px #666;padding: 10px;margin: 6px;}
header
{width: 500px;}nav{float: left;width: 60px;height: 100px;}
article{float: left;width: 406px;height: 100px;}
footer{clear: both;width: 500px;}</style></head><body><header>导航</header>
<nav>菜单</nav>
<article>内容</article><footer>
底部说明</footer></body>
</html>

Copy after login

The above is the detailed content of h5 new features and web page layout examples. For more information, please follow other related articles on the PHP Chinese website!