全面升级至HTML5,值得肯定

  春节花了2天时间学习研究HTML5,顺便把整个博客的前端代码重写,全部升级为HTML5+CSS3,也意味着不在对IE6、7等对HTML5不友好的浏览器进行支持,如各位不能正常阅读请见谅。
  另外整个博客的皮肤也进行了全面调整,第一次彻底的对BoBlog程序进行修改优化,更加适应现在主流的屏幕,以及对移动设备支持更好。因为对源码改动较大,不仅仅是template级别的编辑,所以大家也不要找我要皮肤包什么内容了。砍掉多余功能就变成轻博客了,哈哈。

  这也是我唯一参与的纯HTML5的Web站点,当前此站点情况如下:
  1.移动设备用户占比达13.1%。比预期的要多。
  2.浏览器分布Chrome:48.95%、Internet Explorer:21.94%、Safari:5.95%、Firefox:7.98%。完全有理由升级至HTML5。
  3.设备分辨率1280px宽度以上用户达到89.12%。分辨率并没有出现越来越大,停留在5年前的水平。

  对于HTML5新特性的使用情况:
  1.html标签语义化全面执行,Web上无任何改观,移动设备作用明显,搜索引擎结果暂未得出。
  2.离线存储、位置定位、Canvas完全没有使用,暂时没想出革命性功能来利用。
  3.CSS3的意义仅仅是对前端人员减负和节省流量,有效的降低了皮肤类的div标签滥用。
  4.多媒体功能、HTML的图表让博客发布系统的能力更加与强大方便。

  语义化的标签,解析更加完美,没有CSS的也不影响阅读

图片



  总之对于本站全面升级至HTML5,值得肯定!
关键字: , ,

HTML5,自学笔记与备忘

  HTML5这门高深、操作过头的技术,现有项目里面肯定是没有希望启用了。所以偶尔关注钻研一下,学门手艺,顺便零星共享一些笔记给大家。
  Canvas部分
  1.Canvas标签的高宽定义必须为像素,百分比设置无效。如在样式中设置百分比值,将会直接拉伸内容,而不是延展画布。
  2.使用moveTo.lineTo画线的时候,必须beginPath、closePath。不然莫名的多出线条。
  3.Image类使用的时候,必须onload后调用,不然会加载失败。这个问题和Actionscript是一样的。


关键字: , , ,