页面整体布局应如下:
<% 引用一些java类。。 %>
<html>
<head>
<!-- 放置meta标签-->
<%@ include file="front/include/meta.jsp" %>
<title>...</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!-- 放置css样式-->
引用css.jsp
引用该页面自己单独用的css
<!-- 其他代码 -->
。。。。。
</head>
<body>
引用头部head.jsp
<!-- 其他代码 -->
。。。。
引用尾部foot.jsp
<!-- 放置js代码 -->
引用js.jsp
引用该页面自己单独用的js代码
</body>
</html>
注1:许多东西只要通用就能划出来,比如meta 、css、js等。把css和js部分划分出通用(就是很多页面都要用)的部分分别组成css.jsp和js.jsp,以后在用到css和js时就分成引用通用部分的以及自己单独用的。
注2:在把css或js单独拿出来时,注意路径会改变。
错误写法示例:以为定位到目录就行了,实际引用时又错
<link rel="stylesheet" href="../lib/css/zhhh_base.css" type="text/css" />
正确写法:用绝对位置
<link rel="stylesheet" href="<%=basePath%>front/lib/css/zhhh_base.css" type="text/css" />