猿问

在网站制作做,怎样统一页头和页脚,最好能有样例代码,谢谢!

在网站制作中,往往页头和页脚是相同的,如果每个页面都写一遍,工作量加大,而且难以维护,我就想能不能所有的页面调用同一个页头和页脚,最好不要用iframe框架,因为ifrmae框架兼容性太差,希望大神给出样例代码,谢谢!

88926761
浏览 3486回答 4
4回答

每天都在变得更好的阿飞

这个问题我来回答一下,最近项目改版就是替换网站的头部。最好将网站的公共样式和js抽取出来,放到一个公共的jsp或者标签里面。其他页面只需要引用<include>这个jsp或者引入这个标签。如果以后要进行改造,只需要修改抽取出来的jsp或者标签就ok啦!代码例子 :1:在index.jsp 引入标签<dufy:platTopImport></dufy:platTopImport>这个标签中的内容:<link rel="stylesheet" href="${pageContext.request.contextPath }/static/frontpage/common2/css/global.css"> <!--[if IE 8]> <link rel="stylesheet" href="${pageContext.request.contextPath }/static/frontpage/common2/css/ie.css"><![endif]--> <script type="text/javascript" src="${pageContext.request.contextPath }/static/frontpage/common2/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath }/static/frontpage/common2/js/jquery.lazyload.js"></script> <script src="${pageContext.servletContext.contextPath}/static/frontpage/js/bootstrap.js"></script>2:在index.jsp 中<%@ include  file="" %><%@ include  file="test/platTop.jsp" %>这个jsp中的内容<%@ page pageEncoding="UTF-8"%>  <base href="http://${pageContext.request.serverName }:${pageContext.request.serverPort}${pageContext.request.contextPath}/"/>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   <%--css样式的引用方式 --%>  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/icon.css"></link>  <%-- js 样式的引用方式--%>    <script type="text/javascript"  src="${pageContext.request.contextPath}/easyui/jquery-2.1.1.js"></script>希望可以帮助到你!

蝌蚪先生

<body>以上为头,</body>以下为尾。这是最基础的页头页脚。。。如果body内有公用的头模块,那就 公用模块 结束标记 以上为头。如果body内有公用的尾模块,那就 公用模块 开始标记 以下为尾。少年,能否看懂?--我是来赚积分的。

每天都在变得更好的阿飞

忘记了一点,如果有类似这样的底部的话,替换方法和头部类似! 

没有马甲线的安琪拉

可以制作模板文件,套用到网页里
随时随地看视频慕课网APP
我要回答