HTML5

HTML5的全新感受

• HTML进化：
  1）语义化标签：通过给万维网上的文档添加能够被计算机理解的“元数据”从而使得整个互联网成为一个通用信息交换媒介
  2）离线&存储：缓存机制HTML APP Cache、Local Stroage、Indexed DB和FileAPI使web应用更迅速
  3）设备访问：手机、电脑、Pad均能访问
  4）通信：聊天实时性和网络顺畅性
  5）多媒体：音视频能力加强
  6）图形和特效：Canvas(画布） SVG(可伸缩矢量图）WebGL(3D绘图协议）使得图形渲染更高效，页面更酷炫
  7）性能和集成：浏览器多线程处理后台任务而不阻塞用户界面渲染；检测工具方便评估程序性能
  8）呈现：CSS3高效实现页面特效，不影响语义和性能

△化繁为简：
( ′◔ ‸◔`)简化DOCTYPE和字符集声明；
强化HTML5 API，使界面设计更简单；
浏览器原生能力代替JS代码;
错误恢复机制，就算页面有错也不影响整个页面显示；
△良好的用户体验：
规范优先级：“用户至上”

• CSS3新特性：
  列表模块、超链接、语言模块、背景边框、语言、文字特效、多栏布局、动画等。
  -webkit-: Chrome.safari; 内核：webkit
  -moz-: firefox; 内核：Gecko
  -ms-: IE ; 内核：Trident
  -o-:opera ;内核：Presto

• HTML语义化结构标签：

<section>.<header>.<nav>.<article>.<aside>.<footer>

---

代码过程整理：
1.显示滚动条：overflow-y:scroll
2.rgba()透明度