这篇文章主要介绍了h5新特性及网页布局的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
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新特性及网页布局的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。