html5学习笔记

前言

双十二时，在多看上2元买到的《HTML5 和CSS3 实例教程》，决定好好学习一下。

html5是未来，是趋势，是几大平台(pc,web,移动手机)共同支持的编程语言。所以，会存在基于HTML5构建的跨平台应用，比如PhoneGap。 果然，我对HTML5以及js投入是有意义的，并且，打算以web技术作为自己的核心技术。

用web来构建App的时代已经到来了。

PhoneGap使用js对象，包装Native API。所以，对操作系统的子系统的理解，以及对具体设备功能和 相关事件的理解也很重要，有个问题就是，这些都是领域特定的，需要特定的学习。Apache的Cordova 是其后继版本。

概述

HTML的核心目标： 构建强大的web开发平台。具体而言：

• 更多描述性标记: header, footer, section, side, nav等
• 无序插件的video, audio
• 跨域通信和web socket - 消息流，通信
• 客户端存储和强大的表单
• 先进的css选择器
• 好看的界面和强大的视觉效果
• canvas的js API的图形编程

用户界面的改善

新结构标签和属性

优化页面结构，div的滥用，语义标签: header, nav, footer, section, article, aside, meter, progress。

影像解决方案

audio，video，canvas

相关延伸

客户端存储

历史API以及pjax。

HTML5的框架

HTML5框架: html5-boilerplate , 2万7千多star， 7千多fork，值得关注，有空研究研究。

HTML5的IDE产品: HBuilder

移动框架:

• MUI, 国人开发，与HBuilder集合，版本0.9.0
• Ratchet , bootstrap官方开发团队出品，star过万, demo太多简单
• amazeui, star上千，移动优先，中文优化良好，项目依赖管理复杂。

从项目成熟度、依赖项管理等方面，结构标准方面，个人更加倾向于Ratchet，ratchet只做 移动端的概念让人很舒坦。

测试MUI:

• 将其放置到Rails的public目录下，用本地浏览器打开，发现不支持
• 添加到自己的测试使用的公众帐号中，发现weixin的内置浏览器也不能调用原生app的webview

MUI的应用场景被想定为html5 + Native App，如何处理，可以考虑使用phoneGap，生成一个App的壳。

后记

看到一半，不想看了。算了，以后再看吧。vim的emmet插件的html的补全功能还挺好用的。

突然间，发现自己打印的命令补全文档，居然就是一份html5和css3的规范的草案。渐渐的，之前探索的东西都联在一起了。