HTML5代码格式:

模板需要采用HTML5的代码格式:

<!DOCTYPE html>
<html lang="zh-cn">
...

</html>

移动设备优先:

针对移动设备做了友好开发,使项目在移动设备上有良好的表现,及优秀的用户体验。

为了确保适当的绘制和触屏缩放,需要在 之中添加viewport元数据标签。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

在移动设备浏览器上,通过为viewport meta标签添加user-scalable=no可以禁用其缩放(zooming)功能。这样禁用缩放功能后,用户只能滚动屏幕,就能让你的网站看上去更像原生应用的感觉。注意,这种方式我们并不推荐所有网站使用,还是要看你自己的情况而定!

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari(ios7.0版本以后,safari上已看不到效果)

<meta content="yes" name="apple-mobile-web-app-capable">

标准代码格式:

对于初学者,我们建议采用此代码格式,同时也可以根据自己的需求修改代码:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>标题</title>
<meta name="keywords" content="关键字"/>
<meta name="description" content="描述"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

	<div class="content">
	
	内容...

	</div>

</body>
</html>