问题
有时候我们为了在一个页面中插入另一个页面,会将页面分为header body 和footer 通过include标签将header和footer动态的添加到主题页面
这是header
<!--主体内容-->
<section class="publicMian ">
<div class="left">
<h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
<nav>
<ul class="list">
<li><a href="${pageContext.request.contextPath }/jsp/bill.do?method=query">订单管理</a></li>
<li><a href="${pageContext.request.contextPath }/jsp/provider.do?method=query">供应商管理</a></li>
<li><a href="${pageContext.request.contextPath }/jsp/user.do?method=query">用户管理</a></li>
<li><a href="${pageContext.request.contextPath }/jsp/pwdmodify.jsp">密码修改</a></li>
<li><a href="${pageContext.request.contextPath }/jsp/logout.do">退出系统</a></li>
</ul>
</nav>
</div>
<input type="hidden" id="path" name="path" value="${pageContext.request.contextPath }"/>
<input type="hidden" id="referer" name="referer" value="<%=request.getHeader("Referer")%>"/>
这里<section class="publicMian ">
标签没有闭合,是因为我们想在主体中include时候闭合,通过主体
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@include file="/WEB-INF/jsp/common/head.jsp" %>
<div class="right">
<img class="wColck" src="${pageContext.request.contextPath }/statics/images/clock.jpg" alt=""/>
<div class="wFont">
<h2>${userSession.userName }</h2>
<p>欢迎来到超市订单管理系统!</p>
</div>
</div>
</section>
<%@include file="/WEB-INF/jsp/common/foot.jsp" %>
的</section>
来闭合header的<section class="publicMian ">
,此时idea可能会以为我们没有闭合标签,会默认自动添加section去闭合header中section,这样会导致样式混乱,主体和header成兄弟关系,而非父子关系,为了消除idea的自动闭合标签,此时我们需要将header和主体闭合的标签缩进一致
总结
在jsp中采用include时候为消除idea的自动闭合标签,需要保持前后标签的缩进一致