HTML5初学者必备的指南,资源和工具
HTML5越来越流行,这种流行已经开始从国外蔓延到了国内,其中淘宝网已经率先使用了HTML5,这更坚定了观望者们学习和使用HTML5的决心,所以现在我们开始HTML5吧!
HTML5对于Web开发和设计人员来说是一门有效的语言,它用于在网页上组织和展现内容。越来越多的地方开始使用它,不论是为了让网站拥有更多的功能,对用户更加友好,传输视频更快,还是创建桌面级的Web应用。
你肯定也想体验它带来的乐趣。但是你可以会问,从哪里开始呢?或者当你使用HTML5开发和设计的时候你可能会去寻找一些资源和工具?那好,今天你运气不错,这里有10个初学HTML5必备的指南,资源和工具。
入门指南
这是一个HTML5起步的简单教程。它手把手地教你如果在你的网站或应用中使用HTML5。它讲述了添加HTML5 doctype,head,和body部分,header和nav元素,article,section和hgroup元素,aside元素,以及footer元素。它还包含了截图。
另一个初学HTML5的教程——简单有用的3部分教程。它在手把手教你如何添加和使用HTML5元素的同时还提供了有用的代码片断,这些元素包括:doctype,script,style,header,nav,article,section,aside,以及footer。它还解释了所有这些元素。
这个教程回答了为什么要使用HTML5视频——特别是当Flash视频如此出色的时候,然后介绍了如何在你的网站中使用HTML5视频。它还给你提供了可嵌入的代码片断以使你的工作更加容易。
该教程一步一步地向你展示了如何建立有用的性感的网页表单。它使用了email确认表单作为例子,用插图和示例代码来说明每一个步骤。在告诉你如何完成功能之后,它还告诉你如何让你的表单变得很美观。
HTML5资源
这是W3C官方的HTML5指南。特别地,它展示了如何写出简单而实用的HTML5文档和网页应用程序。它还为更高级的开发人员提供更深度的信息。
Vocabulary and Associated APIs for HTML5
W3C官方的HTML5说明书。很明显它不是用来阅读的,但是如果你需要查找任何HTML5的细节和详情,以及如何使用它等,这时候它可能比搜索引擎更好用。
维基百科上收集了很多HTML5快速参考内容,包括新标签是什么,有什么新的API,HTML5与HTML4和XHTML的区别,以及错误处理等方面的信息。
HTML5工具
Initializr是一个HTML5模板生成工具,帮助你开始创建你的HTML5项目。它根据你的需要生成一个干净的可自定义的模板。Initializr基于HTML5 Boilerplate 模板。
这是一个HTML5应用程序框架,它让你简单的为现代浏览器创建桌面级别的应用程序。另外你在使用SproutCore创建你的Web程序时不需要依赖任何插件。
它通过为你的元素添加类来为你的样式表实现特定的浏览器功能。简单的是你在使用它时不需要写javascript代码。
交给你了
你还有什么其它的好的HTML5开发的指南,资源或是工具么?分享出来吧!