Intel App Framework（原jqMobi）是用来开发hybrid app的开源免费框架，被intel收编之后发布了最新的2.1版本，最近正在学习。af的所谓程序结构，就是AF网页的架构，大家直接看代码就都清楚了（因为我加了注释：^_^）。
<!doctype html>
<!-- 肯定必须是html5页面-->
<html>
<head>
<meta charset="utf-8">
<!-- 移动应用必备：自适应设备宽度，锁定页面缩放 -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<!-- 引入af的css -->
<link rel="stylesheet" type="text/css" href="js/af2.1/css/af.ui.min.css" />
<link rel="stylesheet" type="text/css" href="js/af2.1/css/icons.min.css" />
<!-- af基础脚本文件 -->
<script src="js/af2.1/appframework.js"></script>
<!-- 如果需要使用jquery，新版已经支持，可以将上面的一行换为下面两行：
<script src="js/jquery.js"></script>
<script src="js/af2.1/jq.appframework.js"></script>
-->
<script src="js/af2.1/ui/appframework.ui.js"></script>
<script src="js/af2.1/af.plugins.min.js"></script>
<style>
.atright{float:right;}
.atleft{float:left;}
</style>
</head>
<body>
<div >
<h1>2nd Right Menu</h1>
</aside>
</div>
<script>
$.ui.ready(function(){
/* 由于af在宽度大于一定值得设备上（768）会默认总是显示左边的sidemenu，如果要禁止需要禁止splitView设置*/
$.ui.splitView=false;//不起作用，要在ui.lanuch被调用之前才行，此时应该调用下面的方法
$.ui.disableSplitView();
});
</script>
</body>
</html>
<!-- 肯定必须是html5页面-->
<html>
<head>
<meta charset="utf-8">
<!-- 移动应用必备：自适应设备宽度，锁定页面缩放 -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<!-- 引入af的css -->
<link rel="stylesheet" type="text/css" href="js/af2.1/css/af.ui.min.css" />
<link rel="stylesheet" type="text/css" href="js/af2.1/css/icons.min.css" />
<!-- af基础脚本文件 -->
<script src="js/af2.1/appframework.js"></script>
<!-- 如果需要使用jquery，新版已经支持，可以将上面的一行换为下面两行：
<script src="js/jquery.js"></script>
<script src="js/af2.1/jq.appframework.js"></script>
-->
<script src="js/af2.1/ui/appframework.ui.js"></script>
<script src="js/af2.1/af.plugins.min.js"></script>
<style>
.atright{float:right;}
.atleft{float:left;}
</style>
</head>
<body>
<div >
<h1>2nd Right Menu</h1>
</aside>
</div>
<script>
$.ui.ready(function(){
/* 由于af在宽度大于一定值得设备上（768）会默认总是显示左边的sidemenu，如果要禁止需要禁止splitView设置*/
$.ui.splitView=false;//不起作用，要在ui.lanuch被调用之前才行，此时应该调用下面的方法
$.ui.disableSplitView();
});
</script>
</body>
</html>
下一节学习af中的page，也就是panel。