h5新特性及网页布局实例

发布时间:2022-05-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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新特性及网页布局实例

以上就是h5新特性及网页布局实例的详细内容,更多请关注脚本宝典其它相关文章

脚本宝典总结

以上是脚本宝典为你收集整理的h5新特性及网页布局实例全部内容,希望文章能够帮你解决h5新特性及网页布局实例所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:h5