HTML5系列教程1
来自w3c school：http://www.w3school.com.cn/html5/index.asp
HTML5 中的一些有趣的新特性：
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素，比如 article、footer、header、nav、section
- 新的表单控件，比如 calendar、date、time、email、url、search
Html5中提供了两种在客户端存储数据的新方法：
LocalStorage---没有时间限制的数据存储；
sessionStorage--针对一个session的数据存储；
如下面一段程序：
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
if (sessionStorage.pagecount)
{
sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
}
else
{
sessionStorage.pagecount=1;
}
document.write("Visits " + sessionStorage.pagecount + " time(s) this session.");
</script>
<p>刷新页面会看到计数器在增长。</p>
<p>请关闭浏览器窗口，然后再试一次，计数器已经重置了。</p>
</body>
</html>
<html>
<body>
<script type="text/javascript">
if (sessionStorage.pagecount)
{
sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
}
else
{
sessionStorage.pagecount=1;
}
document.write("Visits " + sessionStorage.pagecount + " time(s) this session.");
</script>
<p>刷新页面会看到计数器在增长。</p>
<p>请关闭浏览器窗口，然后再试一次，计数器已经重置了。</p>
</body>
</html>
运行测试结果发现，若关闭浏览器后再打开，计数器会归零重新计数。 若将sessionStorage全部替换成localStorage，则关闭页面后再打开，以前的计数器发现保存着以前的记录，而没有归零。
HTML5 新的 Input 类型：
- url
- number
- range
- Date pickers (date, month, week, time, datetime, datetime-local)
- search
- color
HTML5 的新的表单元素：
- datalist
- keygen
- output
其他的一些东西需要用时可以在W3Cschool里去查找，都不复杂，用法自然也和html也没太大区别。
