html5 高端客户商务必看 LzqIal(Jsper@super)整理

什么是HTML5：

HTML5并不是孤立的HTML升级版，而是HTML+CSS3+JS（Jq）综合起来的表现。HTML也只是一个标记语言，只是他进行了更加语义化的优化，增加了一些被认为更加科学的标签，也去掉了一些标签，但标记是标记，行为是行为，没有CSS3、没有JS，HTML也永远只是个HTML而已。

然而，大部分现代浏览器已经具备了某些 HTML5 支持。现在支持HTML5的浏览器有：Firefox 3.5、Chrome 3.0、Safari 3.0、Opera 10.5、IE9

HTML5与之前HTML对比：

简单的说，HTML5比之前的HTML版本的标签更加语义化，更加标准化，并且增加了一些新的标签。

什么是CSS3：

CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。CSS3提供了非常多新途径去改善你的设计工作，且做了不少重要的变化。

什么是JS

户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMA，DOM ，BOM。HTML 5引入了大量的新的Javascript API。可以利用这些内容与对应的HTML元素相关联。

普通网站与html5

普通网站，普通网站对于设计师来说 针对不同客户要求进行设计页面，进行排版，设计完毕，制作bnner效果 给客户看，等待修改或者验收 ，验收后 直接制作程序。

html5网站，html5网站在制作前 必须有个设计思想在里面，页面是怎么分配 各各元素 怎么搭配，场景怎么去布局 还必须根据客户是干什么行业的去思考，做到这些，然后去收集元素，素材 进行排版设计，排版设计完毕，进行设计 html5动画 编程，从设计思想开始 落实 整个动画效果 进行 css布局 然后在各各元素落差动画设计 进行js编写，编写测试效果 在考虑主流浏览器 兼容性问题 Firefox
3.5、Chrome 3.0、Safari 3.0、Opera 10.5、IE9、IE8，这个是很大的工作量，也就是 同时需要打开4,5个左右浏览器进行代码bug检测 做完毕这些 最后给客户看效果，如果客户要修改某某元素 对 整个网站项目来说是一个非常大的工作量，有些地方需要重新编写。也就是 （修改 修改 修改 修改）在等待客户验收 然后 制作程序 遇到各各控件还需要 针对当前html5效果进行对控件的JSP开源代码编写
。

html5网站整体优势：非常主流的 非常流行的 网站前端技术 ，形成效果非常动感，大气（所谓大气 真的是因为 它“大”），舞台元素简约 而 突出主题。

HTML5与FLASH：

HTML5的优点：

1、 无需插件

2、 开放、免费

3、 对搜索引擎友好

HTML5的缺点：

1、 浏览器兼容性差（老浏览器 IE6,7 不兼容）

2、 开发模式单一(开发周期长，写效果麻烦 需要考虑主流浏览器兼容性问题)

FLASH的优点：

1、 普及率高，基本上每台PC机上都会装有FlashPlayer

2、 不存在浏览器兼容性问题

FLASH的缺点：

1、 对搜索引擎不友好 很难被搜索（对有引导页的客户 非常影响。）

2、 体积庞大，下载不流畅，有缓存

3、对ios设备不兼容