网站链接：
我爱捣鼓
Chromium 最近实现了一个HTML5的新特性：范围样式，又叫做<style scoped> 。开发者可以通过为根元素设定一个添加了scoped属性的style标签，来限制样式只作用于style标签的子元素上。这会限制样…
在html5中可以使用canvas标签在画布上画图，先直接上代码，这篇文章先简单介绍一下canvas的使用方法，简单画几个圆，矩形，三角形，写字。在代码中均给出了注释，在这里特别强调的一点是：使用canvas画图时有时候必须beginPath和colsePath,但有时不需要，为了防止出现问题…
说到输入类型，大家很快的就会想到input标签。只有input标签才可以规定不同的类型。HTML5恰恰就是在input中的type属性添加了一些新的属性值。这些新的属性值不仅可以反映数据类型的信息，还可以提供一些默认的验证功能。其中，”email”和”url”是两个得到支持最多的类型…
html5中让表单不验证,跳过验证其实非常简单，通过在form标签中添加novalidate属性，可以让表单不自行验证。JavaScript中可以使用novalidate获取，若存在则是true，反之则是false。如果提交按钮有多个，为了指定点击某一个提交按钮不必验证表单，可以在相应的按钮上添加fo…
在没有html5之前，我们要实现form表单的input滑动条功能是非常复杂的，需要js写若干行代码才能进行验证，但有了html5之后，就有了range类型的input来实现滑块效果，滑块最大值和最小值的验证也变得非常简单。对这些数值类型的输入元素，可以指定min属性(最小的可能值)、m…
HTML5之前，要实现网页元素的拖动操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现； HTML5 中引入了直接支持拖动操作的API，大大简化了网页元素的拖动操作编程难度，并且这些API除了支持浏览器内部元素的拖动外，同时支持浏览器和其它应用程序…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ…
按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子，感觉这个功能蛮好玩的，但是还不够强大，尤其浏览器支持力度不够：HTML代码：<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>使用HTML5本地数…
Web SQL数据库API实际上未包含在HTML 5规范之中，它是一个独立的规范，它引入了一套使用SQL操作客户端数据库的API。假设你是一名优秀的Web开发人员，那毫无疑问，你对SQL和数据库的相关概念已经很熟悉了，如果你对SQL不熟悉，那在继续阅读本文之前，最好先学习一下SQL相关…
在越来越真实的web应用程序中,JavaScript也变得越来越给力.FullScreen API 是一个新的JavaScript API,简单而又强大. FullScreen 让我们可以通过编程的方式来向用户请求全屏显示,如果交互完成,随时可以退出全屏状态.在线演示Demo: Fullscreen API Example(在此Demo中，可…
//1. initialization var localDB = null; function onInit(){ try { if (!window.openDatabase) { updateStatus("Error: DB not supported"); } else { initDB(); createTable…
