HTML5

2012年10月28日 (日) 04:24的版本

HTML5 不仅仅是一次HTML版本的重大升级，更重要的，它是新一代Web开发标准和开放平台。

HTML5、CSS3 和 JavaScript 是当前Web的热点。

HTML5 快速参考指南(速查表)

收集、整理、制作各类速查表(cheat sheet)：有 HTML5、CSS3、JavaScript ...

另一个重要平台：Flash That's a creative anwser to a difficult question

规范与API

• Web SQL Database API
• WebSocket API
• WebStorage API
• Web Workers API
• Server-Sent Events API
• Communication API
• File API
• Drag and Drop
• Geolocation API 通过Wi-Fi基站和GPS获取定位信息，更准确。
• video & audio (HTML5新元素)
• Canvas (HTML5新元素)
• Forms
• Parsing
• HTML5 History API
• HTML5 Sections

浏览器

HTML5 and Browser

Firefox Chrome IE Opera Safari

HTML5 and Browser HTML5研究小组成都技术分享沙龙上交流的内容(2011.4.9)

项目

• HTML5 Reset–A Base For HTML5-CSS3 Projects
• PhoneGap
• pywebsocket
• fxCanvas
• HTML5游戏
• CasualJS
• melonJS
• EaselJS
• BrowserQuest

演示

• 行星仪：一个 (HTML5 + CSS3 + SVG) x JS 的尝试，很酷，支持 Firefox 4、Chrome、Safari 浏览器。源码

图集

• 

  浏览器支持

• 

  HTML5元素周期表

• 

  HTML4和HTML5结构标签

• 

  HTML5是什么(英文)

• 

  HTML5是什么(中文)

• 

  HTML5标签速查表

• 

  HTML5画布速查表

• 

  HTML5时代

• 

  WebSocket服务器架构

• 

  HTML5 & Friends

• 

  HTML5移动应用解刨图

链接

• HTML 5
• HTML Standard
• HTML Canvas 2D Context
• HTML: The Markup Language
• Polyglot Markup: HTML-Compatible XHTML Documents
• HTML5: Techniques for providing useful text alternatives
• HTML5 Vocabulary
• HTML5: The Markup Language Reference
• HTML Microdata
• Offline Web Applications
• HTML5 Web Messaging
• HTML5 Profiles
• HTML5 Publication Notes
• HTML+RDFa 1.1: Support for RDFa in HTML4 and HTML5
• HTML5 Edition for Web Authors
• HTML Design Principles
• A Web Developer’s Guide to HTML5
• HTML5 differences from HTML4
• HTML5 Rocks - A resource for open web HTML5 developers
• HTML 5 Demos and Examples
• HTML文档
• HTML5设计原理、The Design of HTML5、PDF
• 揭秘HTML5和CSS3
• The Awesomest Way to Create Even More Awesome HTML5 Games
• HTML 5 WebSocket cracks the HTTP request-response barrier
• 前端开发代码标准，涉及代码兼容性和最佳实践，包含 HTML5、CSS、JavaScript、性能、SEO、代码复审、浏览器测试、Validators、Tools、浏览器 Plugins 等内容，文章从2005年以来一直更新至今，值得收藏和仔细研读。
• HTML5 accessibility
• Enjoy HTML5
• Adobe & HTML

学习资源

30 个 HTML5 学习资源，来源：Ntt.cc 翻译：lovelyashes

• Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果） 最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。
• Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3（用HTML5 和CSS3 打造向下兼容的网页） HTML5更加语义化，使用HTML5 我们不必在网页上布满没有意义的div。它引入了有意义的tag，比如 navigations 和 footers 使代码更有意义也更接近自然语言。
• Coding A HTML 5 Layout From Scratch（HTML 5 布局），Microformats与HTML5协同使用
• Coding a CSS3 and HTML5 One Page Website Template（制作CSS3和 HTML5 一页式站点模板） 这篇文章介绍了如何利用CSS3 和jQuery的新特性制作HTML5 网页模版。 HTML5 仍在完善当中，你也可以选择性的下载XHTML版。
• Comprehensive video tutorial on HTML5（全面的HTML5视频指南） 这是一个叫Brad Neuberg的工程师制作的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（建立HTML5表格） 这篇文站将教你 如果用HTML5和高级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的手机浏览器上。
• HTML5 and CSS3: The Techniques You’ll Soon Be Using（HTML5 和CSS3：你将用到的技术） 这篇文章使用HTML5和CSS3 搭建博客页面。如果你已经熟悉html 和CSS，将很容易跟上。
• HTML5 for Beginners. Use it now, its easy!（HTML5初学指南） 给所有具有基础HTML知识的初学者的HTML5 入门指南
• HTML5 Presentation 这篇文章介绍了HTML5 的发展历史和它的基本特性
• HTML5 Tutorial – Getting Started（HTML5 入门指导）
• How to Build Web Pages With HTML5（怎样建立HTML5网页）
• Simple Website Layout Tutorial Using HTML5 and CSS3（HTML5和CSS3布局指南） HTML5最令人期待的新标签包括<header>, <footer>, <aside>, <nav>, <audio>，同时它还包括画图，线下存储数据，拖放等API。页面布局将会更易理解。这里将介绍一个最简单的HTML5 布局页面，用CSS3 设置样式。
• Structural Tags in HTML5（HTML5 结构标签） HTML5 有许多标签帮助网页结构化，这能省去以网页中许多div
• HTML5 Boilerplates（HTML5模板） 此文介绍了一些你能拿来就用的HTML5 模板文件
• HTML5 canvas – the basics（HTML5 基础——Canvas） 对HTML5 Canvas使用方法的全面指导
• HTML5 Tutorials（HTML5 指南）
• Implementing HTML5 Drag and Drop: New Premium Tutorial（HTML5 拖放） HTML5 的一个新特性就是拖放，不过IE早在5.5时代就支持拖放了，而HTML5 的拖放也是基于IE的。本例将教你如果用拖放实现一个简单的购物车界面。
• Preview of HTML5 这是一篇比较老的文章，介绍了HTML5的特性和优点。
• The HTML5 Canvas For Flash Developers : Drawing（HTML5 Canvas 的画图功能）
• The Power of HTML5 and CSS3 介绍了HTML5 与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 特性，对初学者十分有用。

文档

• HTML5 for the Java Developer
• 使用 HTML 5 创建移动 Web 应用程序，第 1 部分: 联合使用 HTML 5、地理定位 API 和 Web 服务来创建移动混搭程序
• 使用 HTML 5 创建移动 Web 应用程序，第 2 部分: 使用 HTML 5 开启移动 Web 应用程序的本地存储
• 使用 HTML 5 创建移动 Web 应用程序，第 3 部分: 使用 HTML 5 支持移动 Web 应用程序离线工作
• 使用 HTML 5 创建移动 Web 应用程序，第 4 部分: 使用 Web Workers 来加速您的移动 Web 应用程序

书籍

• Building iPhone Apps with HTML, CSS, and JavaScript
• Building Android Apps with HTML, CSS, and JavaScript

<discussion>characters_max=300</discussion>