HTML5 作为下一代网站开发技术，无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者，都值得去研究。借助尖端功能，技术和 API，HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步，你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。
这篇文章挑选了适合中级开发者的10个 HTML5 进阶教程，带你深入学习 HTML5 技术在 Web 开发中的实际应用。
1. HTML5 game tutorial
学会使用 HTML5 Canvas 做一个基本贪吃蛇游戏，以及如何使用 jQuery 实现键盘控制游戏。
2. Bouncing a Ball......
Pageguide.js 是一个基于 jQuery 和 CSS3 实现的网页向导插件，它可以帮助你快速创建网站功能的使用向导，便于用户了解网站。它将会在页面中生成一个“向导”按钮，当你点击按钮时，它将会高亮显示你所设定好的网页内容，同时也会有文字说明。向导除了可以手动控制之外，你也可以将其设定为自动播放。此插件也是非常容易使用的，只需简单的几步设置就能将其整合到你的网站中。
如何使用
首先引入 jQuery 框架和 Pageguide.js 插件
<script src=”jquery.1.7.2.js”></script> < script src=”pageguide......
网上的一些处理方法，很值得参考：
一般的文字截断（适用于内联与块）：
.text-overflow {
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(…) ；需与overflow:hidden;一起使用。*/
}
对于表格文字溢出的定义：
table{
width:30em;
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}
td{
width:......
服务端代码:
<?php
$connection = odbc_connect("Driver={SQL Server Native Client 10.0};Server=WINDOWS-01\SQLEXPRESS;Database=backups;", "php", "123456");
if (!$connection){
exit("Connection Failed: " . $connection);
}
$sql="SELECT pro_name,ask_price,bid_price FROM t_item";
$rs=odbc_exec($connection,$sql);
if (!$rs){
exit("Error in SQL");
}
echo "<h3>商品报价数据实时更新</h3><table><tr>";
echo "<th>类别</th>";
e......
HTML5 启动模板
当启动一个新的项目的时候，你需要一个启动模板。这里是一个简洁干净的模板，可以作为 HTML5 项目的基础。
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<......