分享一些HTML5学习资料

HTML5和CSS3从去年的google的口水战开始日渐进入大家的视野(主要是国内不明真相的群众,例如AlexBlair本人)。HTML5 是下一代的 HTML,听起来比较拗口,不过很明确的是,又到了要学习的时刻了,既然要学习,教程和资料自然是少不了的。弄到一套HTML5的学习资料十分必要。

AlexBlair在近期整理了一些较为系统的学习资料,打算等度过该死的6月运营考核月后慢慢学习。在此先分享给大家:

W3C关于HTML5的介绍

HTML5最为权威的介绍和细则,不过老外的写作方式和我们有些不同,虽然大而全,但是当遇到一个项目需要找某个函数或者语法时,你会发现这些文档是多么的无助。当然,作为最为细致的文档,我依然建议你从头到尾的熟悉一遍。

地址:http://www.w3.org/TR/html5/

中文版本的w3school HTML5教程

这个比较适合希望快速查询而又不愿意看英文的朋友们。

地址:http://www.w3school.com.cn/html5/

其他的零碎资源

虽然我一直认为,技巧这种东西不能当饭吃,不过可以用来救急,所以开始分享出来。

Blowing up HTML5 video and mapping it into 3D space(将HTML5视频吹散并组成3D效果)

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3(用HTML5 和CSS3 打造向下兼容的网页)

Coding A HTML 5 Layout From Scratch(HTML 5 布局)

Coding a CSS3 and HTML5 One Page Website Template(制作CSS3和 HTML5 一页式站点模板)

Comprehensive video tutorial on HTML5(全面的HTML5视频指南)

Create modern Web sites using HTML5 and CSS3(用HTML5与CSS3打造时尚站点)

这篇文章介绍了许多HTML5的功能和语法及API,还有CSS3的新的选择器,效果和特性。最 后, 还将教你如何利用这些新特性开发一个网页。当你读完这篇文章,你就能用HTML5和CSS3开发一个自己的站点啦。

Designing a blog with html5(用html5设计博客)

许多HTML5 特性要结合JavaScript API一起使用,以增加网页的互动性。但仍有一些新元素可让传统的Web1.0页面更加语义化。为了学习这些,我们来看怎样建立一个博客。

Designing for the Future with HTML5 and CSS3 : Tutorials and Best Practices(为未来设计:HTML 5 和 CSS3 指南与最佳案例)

这篇文章将介绍用 HTML5和CSS3搭建的几个最佳站点。

Design and Code a Cool iPhone App Website in HTML5(用HTML5设计和实现一个超酷 iPhone App 网站)

Have a Field Day with HTML5 Forms(建立HTML 5表格)

这篇文站将教你 如果用HTML 5 和高级CSS技术与最新的CSS3技术建立一个漂亮的表格。

How To Create A Nice Blog Design Touching The Future(不用photoshop,完成网页设计)

How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6(怎样让所有浏览器都渲染HTML5标记——即使是IE6)

这篇文章将教你如何用JavaScript和CSS,使 HTML5页面向下兼容,即使是IE6也不例外。

How to Make an HTML5 iPhone App(制作HTML5 iPhone 应用)

这是 一篇针对iPhone的指导,但是许多技术也可用在兼容HTML5的手机浏览器上。

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using(HTML 5 和CSS 3:你将用到的技术)

这篇文章使用HTML 5和CSS 3 搭建博客页面。如果你已经熟悉html 和CSS,将很容易跟上。

HTML5 for Beginners. Use it now, its easy!(HTML 5初学指南)

给 所有具有基础HTML知识的初学者的HTML 5 入门指南

HTML5 Presentation这篇文章介绍了HTML5 的发展历史和它的基本特性

HTML5 Tutorial – Getting Started(HTML 5 入门指导)

How to Build Web Pages With HTML 5(怎样建立HTML 5网页)

Simple Website Layout Tutorial Using HTML 5 and CSS 3(HTML5和CSS3布局指南)HTML5最令人期待的新标签包括<header>, <footer>, <aside>, <nav>, <audio>,同时它还包括画图,线下存储数据,拖放等API。页面布局将会更易理解。这里将介绍一个最简单的HTML 5 布局页面,用CSS3 设置样式。最终结果如下

Structural Tags in HTML5(HTML 5 结构标签)

HTML5 有许多标签帮助网页结构化,这能省去以网页中许多div

HTML5 Boilerplates(HTML 5模板)此文介绍了一些你能拿来就用的HTML5 模板文件

HTML 5 canvas – the basics(HTML 5 基础——Canvas)对HTML 5 Canvas使用方法的全面指导

HTML 5 Tutorials(HTML 5 指南)

Implementing HTML5 Drag and Drop: New Premium Tutorial(HTML 5 拖放)

HTML5 的一个新特性就是拖放,不过IE早在5.5时代就支持拖放了,而HTML 5 的拖放也是基于IE的。本例将教你如果用拖放实现一个简单的购物车界面。

Preview of HTML 5

这是一篇比较老的文章,介绍了HTML5的特性和优点。

The HTML 5 Canvas For Flash Developers : Drawing(HTML 5 Canvas 的画图功能)

The Power of HTML 5 and CSS 3

介绍了HTML 5 与CSS3能创造的各种效果。

View Source Tutorial: Sticky Notes With HTML5 and CSS3(HTML5 和CSS3 打造便利贴效果)

webOS HTML5 Database Storage Tutorial(webOS HTML5 数据存储指南)

HTML5 的本地存储功能将使数据存储十分简便。

Yes, You Can Use HTML 5 Today!

本文介绍了一些现已被支持的HTML 5 特性,对初学者十分有用。

Related posts

《分享一些HTML5学习资料》有6个想法

发表评论