HTML5+CSS3学习笔记（一） 概述

HTML5+CSS3概述

    HTML5和CSS3不仅仅是两项新的Web技术标准，更代表了下一代HTML和CSS技术。虽然HTML5的标准规范还没有正式发布，但是未来的发展前景已经可以预见，那就是HTML5必将被越来越多的Web开发人员所使用，各大主流浏览器厂家已经积极更新自己的产品，以更好地支持HTML5。

一.一个新的Web开发平台

    HTML5围绕一个核心：构建一套更加强大的Web应用开发平台。

优势：

1）更多的描述性标签：HTML5引入非常多的描述性标签，例如用于定义头部（header）、尾部（footer）、导航区域（nav）、侧边栏（aside）等标签，使开发人员非常方便的构建页面元素。

2）良好的多媒体支持：对于先前的以插件的方式播放音频、视频带来的麻烦，HTML5有了解决方案，audio标签和video标签能够方便的实现应变。

3）更强大的Web应用：HTML5提供了令人称奇的功能，某些情况下，你甚至可以完全放弃使用第三方技术。

4）跨文档消息通信：Web浏览器会组织不同域间的脚本交互或影响，但是对于可信任的脚本或许就是麻烦。HTML5引入了一套安全且易于实现的应对方案。

5）Web Sockets:HTML5提供了对Web Sockets的支持。

6）客户端存储：HTML5的Web Storage和Web SQL Database API，可以在浏览器中构建Web应用的客户端持久化数据。

7）更加精美的界面：HTML5+CSS3组合渲染出来的界面效果有时候是无法想象的精美。

8）更强大的表单：HTML5提供了功能更加强大的表单界面控件，使用非常方便。

9）提升可访问性：内容更加清晰，使用户的操作更加简单方便，体验提升。

10）先进的选择器：CSS3选择器可以方便的识别出表格的奇偶行、复选框等，代码标记更少。

11）视觉效果：精美界面的一部分，阴影、渐变、圆角、旋转等视觉效果。

二.HTML5向后兼容

    对于部分浏览器尚未完全支持HTML5，HTML5可以在代码中方便地加入兼容自适应备用解决方案的代码。在编写完HTML5代码时，可以W3C验证服务来进行验证（相对的，因为HTML5标准还在演进中）。

三.HTML5中的标签、属性变化

HTML5废弃了不少常见的标签，包括：

1）表现性元素：basefont,big,center,font,s,strike,tt,u

2）移除对框架的支持：frame,frameset,noframes

3）这些：abbr取代acronym，object取代applet，ul取代dir

一些属性不再有效：

align;

body标签上的link,vlink,alink和text属性;

bgcolor;

height和width;

iframe元素上的scrolling;

valign;

hscape和vscape;

table标签上的cellpadding,cellspacing和border;

head标签上的profile;

img和iframe的longdesc.

 

跟上HTML5和CSS3进步的步伐，不断更新自己的知识，对开发人员来说无疑好事。

接下来，将进入HTML5的具体学习，感受HTML5的Web开发惊喜。

参考资料：《HTML5和CSS3实例教程》