62,046
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title>.......................</title>
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="photo/photoswipe.css" rel="stylesheet" />
<link href="photo/default-skin/default-skin.css" rel="stylesheet" />
..................... 其它一堆 .css 文件声明
</head>
<body style="position:relative;">
<div class="seo">
................ 这里是少量最简单的基础 html 元素,用来给搜索引擎看,而用户不看这些内容 .......
</div>
<div class="page">
这里是你的 html 模板,静态的、或者通过 ajax.get 方式动态获取这些内容
</div>
<div class="footer">
........
</div>
<script src="Scripts/jquery-2.1.4.min.js"></script>
<script src="Scripts/moment.min.js"></script>
<script src="Scripts/knockout-3.3.0.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
var a = .......初始化数据对象
var b = .......初始化数据对象
IndexPage.BootStart();
</script>
</body>
</html>
一个页面,其实只有很简单的 html 模板,甚至没有 html 模板。整个界面表现,都是你的前端框架在浏览器端动态渲染的,而不是你在web服务器端生成的。