一：大多浏览器支持，低版本也没问题

 

　　我看点这方面的资料，是为了做手机应用网站（有三个方案，这个是备用方案），可以开发响应式网站，可以脱离开发平台进行跨平台。

 

　　在Html5网页中引入Modernizr，就能让IE支持HTML5新元素。

 

　　HTML5样板文件快速开发（html5boilerplate.com）

 

　　二：布局、标签省时省力

 

　　这样开发者就不用标记标签的结束位置了，定位时会很方便，也易于搜索引擎进行判断。

 

　　<header>定义页面或区段的头部；

 

　　<footer>定义页面或区段的尾部；

 

　　<nav>定义页面或区段的（主）导航区域；

 

　　<section>页面的逻辑区域或内容组合，比如一个用于“简介”，另一个用于“新闻列表”。

 

　　<article>定义正文或一篇完整的内容，能被直接粘贴到别的地方有独立意义，比如“博客正文”。

 

　　<aside>定义补充或相关内容，侧边栏，广告栏等。

 

　　<a>标签可以包含多个标签

 

　　<vedio>、<audio>快速添加视频、音频

 

　　三：离线Web应用

 

　　通过.manifest文件指定哪些文件可以离线访问的

 

　　四：更灵活的CSS3

 

　　01.可以多栏显示文本

 

　　column-width:12em; //试了几个浏览器好像很多无效的——

 

　　02.众多选择器

 

　　body[id="2^"]{} //id为"2"开头的标签

 

　　li:first-child 、 li:last-child //针对列表的首尾项

 

　　p::first-line{color:red;} //第一行文字为红色

 

　　五：更丰富CSS3

 

　　传统CSS实现圆角、阴影等效果，一般要借助图片来实现，使用CSS3代替图片，可以有效减少http请求，取得更快的网页加载速度。不同浏览器对不同的CSS特性可能要使用不同的代码，可以使用预处理器SASS或LESS才处理。

 

　　01.CSS3轻松应用边框圆角

 

　　02.可以使用@font-face嵌入网页字体，还可以使用可缩放的ICON（非图片格式，fico.lensco.be）

 

　　03.使用透明通道

 

　　04文字阴影

 

　　浮雕效果：

 

　　同理可以使用盒阴影box-shadow给照片加阴影

 

　　05颜色渐变

 

　　可以控制线性渐变方向渐变位置等，还有径向（球状）渐变

 

　　06文字2D变形

 

　　代码参数比较多，在网站 进行制作吧

 

　　之外还有图片3D效果，貌似用得还不多。这里有很多很酷的关于这方面的内容，我还特别在里面找了一篇文章翻译出来了：

 

　　最后说下表单的优势，HTML5可以在不借助jQuery的情况下，对用户的输入行为进行判断（某些浏览器对HTML5表单支持也不是很好，可以通过Webshims Lib来解决）。

 

　　补充：

 

　　使用HTML5 Boilerplate来写HTML5网站，它带有组织好的文件夹结构和CSS文件，加入当前编码的最佳实践、浏览器的bug修复以及js库。