HTML5的意义和HTML5完成的Cool的运用
日期：2013-12-27 浏览次数：20957 次
经过2009到2010年全球领先的互联网企业Google、Apple、Facebook等等在HTML5上的大力推进和使用，今年在国内业界开始真正地热起来，4.10 QConBeijing2011的12个专题之一就是HTML5开发平台，4.18 由W3CTech主办的“拥抱HTML5” 又是国内业界另一个顶级的HTML5大会，这次的HTML5 in China是今年第3个关于HTML5的国内业界顶级会议，还有即将到来的7.9 D2前端技术论坛 也将会有部分HTML5相关的内容。在这么短的时间内国内组织了这多次和HTML5相关的大规模顶级会议，几乎涉及到国内所有最领先的互联网企业，从中可以看出HTML5的热度。
HTML5惹起业界如此注重这是好事，但短时间内过热反而说明了业界对于HTML5的理解程度不够，这点和2005年言必称标准和ajax非常类似，等大家真正对标准和ajax深刻理解并使用到生产实践的时候反而在谈论的是利用标准和ajax成就了某项产品而不只仅是技术本身，HTML5也正派历这样一个过程。如今最热的讨论之一就是在挪动平台上使用原生开发还是使用HTML5，如果只是讨论两者的技术优势这个问题估量永远没有答案，由于我们的目标真的不是那种技术更好，而是哪种技术更能适合我们用来快速的处理用户的需求，一个复杂游戏比如极品飞车当然用HTML5来做当然不是最佳的方案，但类似Google Reader之类数据展现性和简单交互的使用当然用HTML5开发比较好，其实如果你稍加留意就连Apple本人的App Store这个使用的本身就是用HTML5开发的。本次会议前面有两位同学引见使用phoneGap + HTML5来重构新浪微博的iPad客户端，两团体利用一周的专业时间大致实现了这个iPad客户端的全平台覆盖（Web、Mobile Web、Android、iPhone和iPad），我想新浪微博的同学看到这个应该会有一些不一样的感触吧。
我把这次每张幻灯片要讲的内容都写到幻灯片的注释中，有兴味的同学可以对照看会更明白一些，同时也在blog中列出每张幻灯片要讲的内容。另外，几乎每张幻灯片的后面都了一两个链接，这些链接很多都非常精彩，强烈推荐大家看看。
pdf下载
- 这页就是团体信息，欢迎就任何问题联系我。
- HTML5的使用的程度和浏览器的支持程度密切相关的，这个表列出目前主流浏览器各个版本在HTML5 Test得分，全球的占有率和淘宝的占有率。HTML5 Test的满分是400分，而目前得分最高的293，可见实现HTML5已定义的所有标准还需求较长的路要走。
- 从表中我们还可以从中看出更多很有意思的东西：
- IE6、IE7、IE8在HTML5标准上的支持的确太差劲了，是大规模使用HTML5的妨碍，我们是应该自动推动用户升级了。全球范围内IE6低于3%，IE7低于9%，在美国和欧洲这个值应该更低，这就是为什么Google可以宣布在它的很多新兴业务不支持或无限支持IE6和IE7的缘由，利用HTML5开发出优秀的产品，然后适时引导用户升级浏览器的最好方法。
- 我们更应该看到虽然HTML5是在2004由WHATWG开始孕育，2006年W3C正式启动，但2001年推出的IE6曾经支持部分HTML5，这通知我们HTML5并不是全部是所谓的新技术，它更考虑对现有HTML技术的承继和改进，而很多HTML5技术规范我们早曾经在使用，比如HTML5的DTD声明<!doctype html>，所以我们很多人很早就在使用HTML5。
- 淘宝的IE6、IE7、IE8占有率超过80%，整个IE份额接近90%，这次要有两个缘由导致淘宝IE份额非常高：
- XP操作系统在中国份额照旧80%以上
- 电子商务网站最重要的一个环节是领取，而如今的网银绝大部分是只支持IE的，包括和淘宝密切相关的领取宝，虽然曾经支持了各大平台的，但其最重要的安全措施电子证书次要还是在IE上使用最多。
- 淘宝的IE6占有率曾经低于40%，这绝对是一个好迹象，从我私下打听的几个数据判断国内IE6平均占有率应该在50%以上，后面会解释为什么会这样。
- 整个阿里的电子商务买卖领取部分次要依赖领取宝，领取宝在不支持浏览器、安装证书等操作上会引导用户升级最新的版本，这非常值得国内的大站点学习。
- 领取宝在其教明显位置推荐使用IE、Firefox、Chrome、Safari等浏览器最新版本，并提示用户升级浏览器，这是一件非常有意义的事情，好的产品引导用户升级利企利民。 不过，这里领取宝可以有一个小改进，那就是不要对XP平台的同学也推荐IE9浏览器，幸而下载链接那边的微软做了判断。
- 开始学习和使用HTML5，首先会留意到新增了大量的语义化元素，比如，这些元素的添加正是HTML5务实一种体现，它们都是来自对理想HTML组织方式的笼统提取，但遗憾的是IE6、IE7、IE8不支持这些标签，但开发者是很聪明的，于是有了两种处理方案：
- John Resig发布了利用JavaScript来实现让IE6-8支持的方法，这种方案比较简单，独一的缺陷就是必须使用JavaScript，但浏览器可能不支持JavaScript
- 利用双层标签进行嵌套，这样就不需求考虑能否支持JavaScript了，但代码臃肿，基本上开发人员不太喜欢，所以大部分都使用上一种方案
- 但我们不能不面对一种理想，那就还是有大量的用户代理禁用JavaScript，当有上亿用户时，这个数量其实是我们无法忽视的。
- 为什么还有这么多用户禁用JavaScript呢？除了用户通过安全级别进行禁用、杀毒软件禁用之外，还有一个Firefox插件NoScript也需求值得我们留意，一方面它的下载量接近9000万，可见用户数量之大，另外一方面我们在百度上搜索NoScript时，你会发现第一页很多地方引见NoScript时都提及安全，也就是说用户对JavaScript的恐惧和对安全的担忧才是我们存在大量禁用JavaScript的情况。
- 淘宝首页在年初升级时引入了HTML5的语义元素，当用户在IE6-8下禁用JavaScript会出现幻灯片上的提示，建议用户开启JavaScript或者访问一个专门定制的不使用HTML5新语义元素的页面，这个看起来是一个不错的处理方案，但就是成本太高。
- 所以为了避免成本太高， 淘宝彩票首页前不久也引入了HTML5语义化元素，就直接通知禁用JavaScript的用户启用JavaScript，否则没法使用。
- 我们当然可以把不支持JavaScript的用户看成某个低版本的浏览器用户，比如是IE5.5的用户，我们也可以像强制用户升级一样去强制用户开启JavaScript，这是
