在当今web市场上已经有不少web站点开始引入html以及css3，但是短时间内几乎所有站点都得考虑兼容不支持html5以及css3的浏览器，如 IE系列（IE9虽然支持，但是再耐心等吧）。但是令人十分高兴的是，在移动领域html5和css3是可以放心使用的，而且可以不必考虑兼容，因为移动 市场通常都是针对目标人群开发应用。在移动互联网上，有2大平台占据了高端用户市场，一是iphone os 另外一个是google android，值得庆幸的是这2大平台的浏览器都是webkit内核，这样就好！我们在开发阶段都可以使用pc端的webkit浏览器直接进行调试了。
咱就不讲理论了，也不是搞培训，咱就图个实用、效率！
一、html5 的 DTD
<!DOCTYPE html>
二、文档html标签
<html>也可以加上语言的lang属性，如<html lang=”en”>，更有一个html5的重要功能的制定，离线存储—— manifest，如：
<heml manifest=”test.manifest”>
三、文档meta标签
普通的meta标签如author,copyright,description等在这里都可以写，也没有任何区别，大概介绍一下在iphone上的：
<meta name=”apple-mobile-web-app-capable” content=”yes” /> 另一种声明离线缓存的方法
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” /> 离线时隐藏状态栏和导航栏
<meta name=”format-detection” content=”telephone=no” /> 关闭手机号码自动识别为链接的功能，关闭后如果在页面某些地方需要开启，那么可以这样写<a href=”tel:13800138000″>13800138000</a>
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;”>
viewport我们就理解为屏幕可视区域，width=device-width，initial-scale表示初始的缩放比 例， maximum-scale表示允许用户放大到最大的缩放比例，minimum-scale允许用户缩小到最小的缩放比例，user- scalable表示是否允许用户手动缩放，等于0或者no或false都表示不允许。
这6个属性，我们可以设置其中的一个或者多个，iPhone会根据你设置的属性自动推算其他属性值，而非直接采用默认值。这点很重要，在完全不设置的时候有默认viewport，在你设置一个属性后其它值是自动推算出来的，不再是默认的。
如果你把initial-scale=1，那么width和height在竖屏时自动为320*356（不是320*480因为地址栏等都占据空间），横屏时自动为480*208。
类似地，如果你仅仅设置了width，就会自动推算出initial-scale以及height。例如你设置了width=320，竖屏时initial-scale就是1，横屏时则变成1.5了。
四、文档<link>标签
除了常见的link css文件以及Shortcut外，还可以:
<link rel=”apple-touch-icon-precomposed” href=”icon.png”> 表示应用程序的启动图标（快捷图标）
<link rel=”apple-touch-startup-image” href=”startup.png”> 表示应用程序启动时的界面图片
以上都是一个Html5文档body标签前面的内容，简单介绍之后我们将主要是分享一些开发中的实际经验。
五、相对于PC端的webkit浏览器，移动设备上不支持或者支持得不好的
1、固定定位，position:fixed,这几乎在当前全部webkit浏览器上都会产生问题
2、不支持上传下载，如<input type=”upload” />将是一个disabled的标签
3994
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
