HTML5
1 概述 HTML5 约等于html变化+css升级(css3)+js api的变化HTML5是目前html最新的版本,2014年10月29日标准规范制定完成
2 在哪些地方有增强
* 语义:能够让你更恰当地描述你的内容是什么。 之前的 p ul ol ... html5新增了很多语义的标签 提纲标签、表单标签 * 连通性:能够让你和服务器之间通过创新的新技术方法进行通信 web socket 让浏览器和服务器之间保持持久联通 http 聊天室 定时器 * 离线 & 存储:能够让网页在客户端本地存储数据以及更高效地离线运行。 以前 MySql 持久化数据 现在 h5提供了用js操作小型迷你数据库 叫做sessionstorage localstorage* 多媒体:使 video 和 audio 成为了在所有 Web 中的一等公民。
* 2D/3D 绘图 & 效果
Canvas WebGL svg* 性能 & 集成:提供了非常显著的性能优化和更有效的计算机硬件使用。
web worker增加api 拖放api
* 设备访问 Device Access:能够处理各种输入和输出设备。 * 样式设计: 让作者们来创作更加复杂的主题吧! css33 html5语义化增强
基本骨架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body> </html>新的规范
放宽标准,但是我们要保持君子的"风骨"html5新增的提纲标签
h1~h6 <div class="logo"></div> <div class="nav"></div>html5中把常用的div提炼成标签
<section></section> 具备主题的区域 <article></article> <nav></nav> <header></header> <footer></footer> <aside></aside> <hgroup></hgroup>关于新增语义化标签说明:
* 语义上比div都大,所以他们都能包裹div,但是div不能包裹它们,这些语义化标签都属于块级元素,没有任何默认样式,用法其实同div * 兼容 IE9开始兼容 IE8不能用标签,手机web可以放心使用,手机没有IE浏览器新的语义元素
<figure> <figcaption></figcaption> </figure> ...新增表单元素
text password radio checkbox submit button reset file
search tel url email color date number