h5新特性及网页布局实例
导读：收集整理的这篇文章主要介绍了h5新特性及网页布局实例，觉得挺不错的，现在分享给大家，也给大家做个参考。什么是HTML5:HTML5 是下一代的HTML,将成为 HTML、XHTML 以及 HTML DOM 的新标准。为 HTML5 建立的一...
收集整理的这篇文章主要介绍了h5新特性及网页布局实例，觉得挺不错的，现在分享给大家，也给大家做个参考。什么是HTML5:HTML5 是下一代的HTML,将成为 HTML、XHTML 以及 HTML DOM 的新标准。为 HTML5 建立的一些规则：
新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
减少对外部插件的需求（比如 Flash）
更优秀的错误处理
更多取代脚本的标记
HTML5 应该独立于设备
开发进程应对公众透明
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、seArch
HTML5功能：Canvas、Channel消息传送、Cross-document消息传送、Geolocation、MathML、Microdata、Server-sent Events、Scalable Vector Graphics(SVG)、WebSocket API及协议、Web Origin Concept、Web storage、web SQL database、Web Workers、XMLHttPRequest Level2 HTML设计理念：1.避免不必要的复杂性 如：!DOCTYPE html> meta charset="UTF-8"> 2.支持已有的内容3.解决现实的问题4.求真务实5.平稳退化6.最终用户优先 简单的网页布局!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>
以上就是h5新特性及网页布局实例的详细内容，更多请关注其它相关文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： h5新特性及网页布局实例
本文地址： https://pptw.com/jishu/583563.html