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

Home

Web Front-end

H5 Tutorial

h5 new features and web page layout examples

零下一度

Jul 26, 2017 am 09:39 AM

h5 html5 study

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!

Statement of this Website

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