>[success] # html5 ~~~ 1. 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改 2. 支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力 3. HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式 4. 增加了新特性：语义特性，本地存储特性，设备兼容特性，连接特性，网页多媒体特性，三维、图形及特效特性，性能与集成特性，CSS3特性 5. 相比之前的进步：取消了一些过时的HTML4标记，将内容和展示分离，一些全新的表单输入对象，全新的，更合理的Tag，本地数据库，Canvas 对象，浏览器中的真正程序，Html5取代Flash在移动设备的地位 6. 优点： a) 提高可用性和改进用户的友好体验； b) 有几个新的标签，这将有助于开发人员定义重要的内容； c) 可以给站点带来更多的多媒体元素(视频和音频)； d) 可以很好的替代FLASH和Silverlight； e) 当涉及到网站的抓取和索引的时候，对于SEO很友好； f) 将被大量应用于移动应用程序和游戏； g) 可移植性好。 7. 缺点：该标准并未能很好的被Pc端浏览器所支持。因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳。 8. 未来趋势 a) 移动优先 b) 游戏开发者领衔“主演” ~~~ >[danger] ##### 构建一个网页布局用html4 实现 ![](https://box.kancloud.cn/82df7dfc45a5ccac76c817eff122da63_1376x489.png) ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .header{ width: 100%; height: 80px; background-color: red; } .nav{ width: 100%; height: 40px; background-color: green; } .main{ width: 100%; height: 500px; background-color: #ccc; } .main>.right,.main>.left{ float: left; } .main > .left{ width: 80%; height: 100%; background-color: purple; } .main > .right{ width: 20%; height: 100%; background-color: pink; } .footer{ width: 100%; height: 80px; background-color: skyblue; } </style> </head> <body> <div class="header">头部</div> <div class="nav">导航</div> <div class="main"> <div class="left"></div> <div class="right"></div> </div> <div class="footer"></div> </body> </html> ~~~