随便整理了一下一个常用页面的代码布局,方便初学者参考

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<%-- ********************************* CSS ****************************** --%>
		<link rel="stylesheet" href="/css/main.css" type="text/css" media="screen" />

		<%-- ********************************* JS ******************************* --%>			
		<script type="text/javascript" src="/js/jquery-1.8.1.js"></script>
	</head>

	<body>
		<%-- ********************************* JSP ****************************** --%>

		<jsp:include page="header-default.jsp"></jsp:include>

		<%-- 填充区 --%>
		<div class="container">
			<div class="main-left">左边</div>
			<div class="main-right">右边</div>
		</div>

		<jsp:include page="footer-default.jsp"></jsp:include>
	</body>
</html>


注意: 在 header-default.jsp 里面
		1. 引入一个 <jsp:include page="common.jsp"></jsp:include>, 处理从服务端的一些常用数据.
			比如:字段长度配置, 很多的配置, 用户基本信息, 一般情况下,服务端一份, 客户端也需要一份.
		2. 常用的JS工具包,一般都是第三方的, 也可以是自己封装的

	在 footer-default.jsp 里面
		1. 常用的JS工具包,一般都是第三方的, 也可以是自己封装的
		2. 网站中根据业务写的一个自定义JS文件



转载于:https://my.oschina.net/vernon/blog/186221

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值