Home >Web Front-end >H5 Tutorial >h5 new features and web page layout examples

h5 new features and web page layout examples

零下一度Original: 2017-07-26 09:39:452304browse

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>

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!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：[Fruit Ninja] Blood Sun Crazy Knife Code-_-#There is really only one knifeNext article：[Fruit Ninja] Blood Sun Crazy Knife Code-_-#There is really only one knife

See more

h5 new features and web page layout examples

Related articles