h5新特性及网页布局实例-9543建站博客

广告：宝塔Linux面板高效运维的服务器管理软件点击【 https://www.bt.cn/p/uNLv1L 】立即购买

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新特性及网页布局实例的详细内容，更多请关注9543建站博客其它相关文章！

广告：SSL证书一年128.66元起，点击购买~~~

相关推荐