>[success] # HTML5 * 详细内容看之前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) 游戏开发者领衔“主演” ~~~ >[success] # 常见的布局标签 * [更多详情查看](http://www.w3school.com.cn/html5/html5_reference.asp) ~~~ <header> 语义 :定义页面的头部 页眉</header> <nav> 语义 :定义导航栏 </nav> <footer> 定义 页面底部 页脚</footer> <article> 语义: 定义文章</article> <section> 语义： 定义区域</section> <aside> 语义： 定义其所处内容之外的内容 侧边</aside> ~~~ >[success] # 增加的input 属性 * autocomplete 在from表单提交后，再次输入的时候，会出现上次输入的关联提示 | 属性 | 用法 | 含义 | | --- | --- | --- | | placeholder | | 占位符提供可描述输入字段预期值的提示信息 | | autofocus | | 规定当页面加载时 input 元素应该自动获得焦点 | | multiple | | 多文件上传 | | autocomplete | | 规定表单是否应该启用自动完成功能 | | required | | 必填项 | | accesskey | | 规定激活（使元素获得焦点）元素的快捷键 | >[success] # input增加的类型 | 类型 | 使用示例 | 含义 | | --- | --- | --- | | email | | 输入邮箱格式 | | tel | | 输入手机号码格式 | | url | | 输入url格式 | | number | | 输入数字格式 | | search | | 搜索框（体现语义化） | | range | | 自由拖动滑块 | | time | | 小时 分钟 | | date | | 获得年月日 | | datetime | | | | month | | 月 | | week | | 周 |