移动端HTML5如何开发？跟PC端有什么区别 HTML5开发移动端需要注意什么
网页主要体现在倍率上，还有HTML5兼容问题。
iphone4s倍率是2x，即2倍；
iphone6倍率是2x；
iphone 6 plus 倍率是3x；
安桌上
hdpi倍率是1.5x；
xhdpi倍率是2x；
xxhdpi倍率是3x；
要想图片在mobile上得到图片的原始清晰度，和大小，那么他和PC上1x倍率的图片对应关系是；
PC：像素 =像素 * 倍率；
例如：100px = 100px * 2 =>iphone6；这样清晰度和大小看起来都一样。
这样同一张图，在电脑上你是100px宽高，在iphone6上你就是200px的宽高，看起来清晰度差不多，若你将100px的图片不变放到iphone6上，那么他会变得比想象中小。若你又不想增加宽度200px达到目的，那么你可以按照如下解决问题。
解决手机上全屏显示（小图适配显示，会放大，牺牲清晰度为代价）的方法是在head中加入
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 。
meta告诉浏览器设备初始时候无缩放，最大缩放为原始大小，用户不可以缩放。
我仅给你讲解有很大倍率区别，需要专业学习倍率。
至于html5和一些标签，js的兼容就容易理解多了。
PC要考虑IE8只兼容部分html5标签，IE9也不够完全。
其他一些 flash运用，交互也是有区别的。
iphone不知道flash，上系上js多了触控事件，PC的是点击事件等
前端开发中pc端和移动端的区别~
布局方面：PC端咱们最常用的就是固定宽度980px（也有960，1000,1200），然后水平居中
width:980px;margin:0 auto;
但移动端就不能这么用了，因为很多网页都是可以横屏看，也可以竖屏看；很多屏幕的分辨率不一样；所以只要牵涉到移动端，就要牵涉到响应式（也叫自适应）；如果是只针对移动端的项目，我平时主要考虑的是320px宽 到 750px宽的兼容；js方面
这个题主你应该问的更详细一些，因为有没有canvas对js影响很大；
第一、普通移动端网页（比如手机新浪网，手机淘宝，手机百度等）这个在js方面和PC端区别不是太大；主要的区别在于移动端没有了鼠标悬停（onmouseover）；点击（onclick）还可以用；多了触摸、滑动（这里我没自己写过原生的，只会用一些插件）我常用的移动端插件：TouchSlide 触屏滑动特效插件 大话主席Touch.jsSwiper中文网
第二、canvas相关游戏canvas相关的html5增加了好多js，不过我不做游戏方面，所以就不多废话了；
2，兼容性方面有哪些常见的坑要避免
这个和第一个、第三个都有重复，你再问的详细些吧；
3，如何适配不同的分辨率和屏幕尺寸
我说下我常用的（有任何不对的地方请大神指正）原来没有iPhone6和iPhone6 plus时，设计图是640px宽的，切图的时候就按照设计图正常切图；（按照标准的话，这里切图本来应该分成两种，一种是320px宽一倍图，一种是640px宽的二倍图；然后普通屏幕用一倍图，retina视网膜屏幕用 @2x 二倍图，可是我们的设计师太懒了，只给我一个640px宽的二倍图，这里求大神指教该怎样才能符合标准） 不过最后写css的时候，不要按照640px写，要按照320px写；所有图片和所有html标签的尺寸都要减半；如果图片img在设计图上的宽度是80px，css就要
width:40px;
如果一个按钮设计图上宽100px，你的css就要
width:50px;
后来有了iPhone6和iPhone6 plus，设计师给的设计图就变成了750px，按说由“二倍”变成了“三倍”，但是我们的设计师比较懒，不愿费事，所以现在我的解决方案还是按320px宽，img和所有html标签css减半处理；
4，如何测试
我最常用的是chrome的手机模拟器；右键-审查元素（或F12），developer tools出来后，点击左上角那个手机；
5，哪里有完整项目的开发视频可以参考
完整项目的开发视频我还没有见过，我比较喜欢在慕课网上面看一些html5和css3的知识点；劝你有时间的话尽量接实战项目吧，别总看视频，做一个项目比看多少视频都有用；
由于手机屏幕尺寸较小，在手机布局中极可能不要让网站用户滚动屏幕，因此不要使用表格。
确保不要使用隐藏的图形来填充页面。如果使用隐藏图形，会增加下载时间，而且页面也可能显示错误。
很多手机网站用户并不喜欢弹出窗口。这些窗口不但很烦人，而且导致网站可用性问题。
作为一名 HTML5 的开发者必须保证移动浏览器的兼容性。同时，每个使用 HTML5 开发的公司，都应致力于开发和提升移动 web 应用的用户体验。
移动端HTML5如何开发?跟PC端有什么区别
答：而web前端，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。5跟有什么区别 一个主pc端，一个主手机端，h...
浅淡HTML5移动Web开发(二)
答：选择符大致分为元素选择符、关系选择符、属性选择符、伪类选择符、伪对象选择符，在PC端，我们用的最多的就是元素选择符、关系选择符和属性选择符如 div{……}、div.class{……}、div#id{……}、div span{……}、div[class=”classname&rd...
html5移动开发 有什么不同
答：html5移动开发跟pc开发区别还是有的，如下几点；移动端不需要 300ms 的单击确认，所以不要监听 click 事件2. 移动端网络一般较慢，如何减小页面体积及请求数，利用好缓存3. 移动端需要点击的元素及其间隔不能太小，考虑手指的面积4. 横屏和竖屏下的表现5. 不同浏览器间的兼容性（太多了，如 positi...
使用html5怎么开发一个动态网站
答：1、首先，我们创建一个移动APP项目，然后，添加一个index.html页面。代码里，添加一个图标，以及添加引入一个JS文件，该文件的作用在于：请求后台JS文件。2、接下来，我们看看service.js文件是如何请求后台JS文件的。编写该service.js文件的重点是：A、如何异步请求后台JS文件；B、请求回来的后台文件，如何...
如何在移动设备上调试html5开发的网页
答：1、打开手机web检查器。通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。2、链接电脑（Mac）2.1 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）2.2 再在电脑上打开Safari点击【...
在线html生成-如何在移动端上,也就是在手机上开发HTML?
答：移动平台HTML5支持一览 HTML5支持测试 HTML5演示 二、让HTML5元素可用 老版本的IE浏览器不能识别新的HTML元素。但是,可以使用一些JavaScript或CSS解决方案来弥补这个缺陷。HTML5Shiv:此脚本可以使IE浏览器识别HTML5元素。HTML5Enabler:功能与HTML5Shiv类似。Modernizr:它使得开发者可以在支持HTML5和CSS3的浏览...
pc端和移动端的页面应该怎么开发
答：所谓的WEBAPP就是用网页模拟出原生语言（如iOS）开发的APP交互效果。虽然在表现层面上，HTML5表现突出，但不得不承认的是，在系统性能层面，WEBAPP明显要差于原生应用（即NativeAPP）。这也就使得WEBAPP这条路暂时性的被堵住了。于是，移动端的开发方向逐渐向移动端网页倾斜。对于PC端，我们一直使用的是px...
HTML5游戏开发实用建议
答：建议2:将小屏幕和触屏设备考虑在内HTML5最大的卖点之一就是它既能在桌面PC上使用,也能在笔记本电脑、平板设备甚至是智能手机上运行。(这里有IE9在Windows Phone 7 Mango上的运行效果演示)。HTML5与生俱来就具备了跨平台的特性,通常为开发者节省了很多工作。然而,有些事情是需要开发者考虑的SpyChase在Windows ...
html5 + javascript用什么开发工具
答：三、Adobe ColdFusion 10 ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。四、Sencha Architect 2 在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。
HTML5开发需要学习哪些内容
答：● JS高级特征：正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、● JQuery：基础使用 悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。第二阶段：HTML5和移动Web开发 ● HTML5：HTML5新语义标签、HTML5表单、音频和视频、离线和本...
