您好,欢迎访问一九零五行业门户网

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新特性及网页布局实例的详细内容。
其它类似信息

推荐信息