HTML5和CSS3的新特性介绍

html5新特性：

(1)新的内容标签，html4中的内容标签级别相同，无法区分各部分内容。而html5中的内容标签互相独立，级别不同，搜索引擎以及统计软件等均可快速识别各部分内容。

(2)更好的表格体系：你可以抛弃javascript或者是php，只通过html5来定义表格。你可以定义每个表格单元的输入格式，也可以定义这个单元是否是必填的等等。

(3)音频、视频api：html5在视频以及音频层面上实际已经可以替代常用的flash插件了。

(4)画布api：html5允许你直接在网页上进行绘图，甚至允许你与网页生成更多的交互，例如绘制图形、放大缩小。

(5)地理：html5提供了地理信息的应用接口geolocation api。通过这个api，网页可以通过ip，gps等方式来获得用户的地理信息;同时用户也可以选择是否关闭这个功能。

(6)网页存储：网页存储的api，方便web应用的离线使用。除此之外，新的api相对于cookie也有着高安全性，高效率，更大空间等优点。

(7)拖拽释放api：通过html5的drag and drop api来完成网页中的拖拽释放效果，避免了以往的网页在拖拽释放过程中需要不停修改元素的位置，代码繁多的弊端。

css3新特性：

(1)rgba：css3的rgba新特性允许你对每个元素进行色彩以及透明度的设置。而原来常用的opacity命令只能对元素及其子元素进行设置。

(2) multi-column layout：css3新提供的多栏布局选择器无需html布局标签即可生成多栏布局，同时‘栏数’、‘栏宽’以及‘栏间距’都是可以定义的。

(3)round corners：圆角功能可能是css3提供的最实用的功能了。通过border-radius，你可以没有任何难度的给指定的html元素添加圆角。并且你还可以定义圆角的大小，以及哪个角是圆角，哪个角不是圆角。

(4) @font-face：当网页显示某种用户没有安装的字体时，css3提供的@font-face功能会自动的、默默地帮用户从网络上下载相应字体。