wap网站：通常所说的wap网站就是指的移动端网站，就是手机端网站的意思。
创新互联专注于灵丘网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供灵丘营销型网站建设，灵丘网站制作、灵丘网页设计、灵丘网站官网定制、微信小程序定制开发服务，打造灵丘网络公司原创品牌,更为您提供灵丘网站排名全网营销落地服务。
3G网站：3G是频段，3G网站这种说法应该不太恰当，可以理解为wap网站的另一种叫法。
HTML5触屏版：HTML5是下一代HTML（超文本编辑语言），主要用于制作比现在网页更加方便好看的效果。目前主要应用于移动端，未来flash将有可能被HTML5所替代。
这三者的区别是 WAP网站就是移动端网站，3G网站说法不恰当，可以理解为就是移动端网站，HTML5是移动端网站开发的一种方式，属于WAP网站当中的一种。
1、手机网站一般又称作WAP网站 , 而传统网站又称作Web网站，WAP网站可分为WAP1.X和WAP2.0网站。WAP1.X功能简单、界面粗糙,而WAP2.0的手机网站功能和界面都与Web网站相接近。WAP2.0的手机网站可以在电脑上直接用浏览器访问，而WAP1.X的网站，需要模拟器或者给浏览器安装相应的插件方可。
2、3G网站是手机网站领域为迎合3G的推广而创造的概念，3G网站就是手机WAP网站。3G网站采用wap2.0编写，支持一些xhtml和CSS。
3、html5触屏版主要针对高端智能手机，可以给用户呈现华丽的网页视觉效果。HTML5触屏版采用最新的技术HTML5编写，属于智能机时代产物，因为智能手机的性能已经很强大了，可以直接加载html。
京东商城日前宣布，推出基于HTML5技术的触屏版移动客户端。
随着智能手机、平板电脑等各种移动终端越来越普及，移动互联网的应用也变得越来越多样，但无论技术、产品如何演进，最终的目标只有一个——让各种移动终端的用户能够享受到更好的移动互联网和应用体验。
和目前流行的各种App相比：
基于HTML5技术的Web App在使用和操作上更加便利，它无需下载安装，为用户节约了宝贵的带宽流量和内存空间，从无休止的软件升级中解放出来，同时也避免了在多达几屏幕的小图标中来回寻找所需应用程序的痛苦和焦虑。
业内分析人士认为，以触屏版页面为代表的Web App是移动互联网的下一个热点，HTML5网页架构技术也将毋庸置疑地成为移动互联网的主流趋势和重要推动力。
以上内容参考：大河网-京东推出触屏版 移动客户端
ontouchstart
ontouchmove
ontouchend
ontouchcancel
移动平台的四个触摸事件
因此他们的顺序是需要注意的：touchstart → mouseover → mousemove → mousedown → mouseup → click1
/**
* onTouchEvent
*/
var div = document.getElementById("div");
//touchstart类似mousedown
div.ontouchstart = function(e){
//事件的touches属性是一个数组，其中一个元素代表同一时刻的一个触控点，从而可以通过touches获取多点触控的每个触控点
//由于我们只有一点触控，所以直接指向[0]
var touch = e.touches[0];
//获取当前触控点的坐标，等同于MouseEvent事件的clientX/clientY
var x = touch.clientX;
var y = touch.clientY;
};
//touchmove类似mousemove
div.ontouchmove = function(e){
//可为touchstart、touchmove事件加上preventDefault从而阻止触摸时浏览器的缩放、滚动条滚动等
e.preventDefault();
};
//touchend类似mouseup
div.ontouchup = function(e){
//nothing to do
};
