h5新特性及网页布局实例

百变鹏仔 2个月前 (10-18) #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.避免不必要的复杂性

如：

2.支持已有的内容

3.解决现实的问题

4.求真务实

5.平稳退化

6.最终用户优先

简单的网页布局

nbsp;html&gt;<meta><title></title><style>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><header>导航</header><nav>菜单</nav><article>内容</article><footer>底部说明</footer>

文章推荐

h5新特性及网页布局实例

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集