我想在不同的页面都能引用同一个头部页面和尾部页面

wunanqing 2016-06-29 03:02:23

我想在不同的页面都能引用同一个头部文件和尾部文件都是htm形式的
可以实现么因为这样使用起来比较方便

...全文

251 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

董二 2016-06-29

打赏
举报

用iframe标签嵌入

csdn_lichen 2016-06-29

打赏
举报

导入相关的js也可以达到这种目的

zl_9308 2016-06-29

打赏
举报

在需要引用的地方 <jsp:include page="template.jsp" flush="true"/>，template.jsp就是你想引用的模板页地址

1、设计的目的做个网站以怀念个人旅游的日子。还有此刻的美丽,以及无限的未来向往。 2、设计布局主页设计布局是在网站的左上角是网站标题名称、当前在线人数等，有背景图引入，右上角有个人头像模态下拉框，点击出现下拉列表，包含我的旅游日记、个人中心、退出等链接，还有登录、注册按钮，点击登录按钮来到登录页面，网站设计初衷就是自己要登录后才能发布旅游日记，这样更能保证私密性。网站中央是内容，包含三大板块，分别是最热、最新、话题三个主题驿站，每个主题下面是列出5条内容日记的标题链接，点击对应链接跳转到日记详情页面，最热代表浏览次数最多，最新就是根据发布旅游日记的时间来排序，最新发的日记内容排在最前面，话题是根据这次发布旅游日记的主题来排序的。网站尾部的左下角是网站设计目的简介，右下角分别是个人联系方式、合作方式、赞助商本人等。点击名字会弹出图片。 3、网站具体设计过程首先选定本网页制作工具是前端开发利器： WebStorm，创建前端项目工程，并创建相应的文件夹，存放各个css、js，还有网页中用到的各种图片，以及除了主页面index.html之外的二级页面，其存放在html文件夹下，在各个二级页面与主页跳转的网页链接上采用相对路径而不是绝对路径，创建好的项目工程目录结构如下所示; 首先设计网站主页也就是核心内容index.html，所有的二级页面都可以从主页跳转过去，相应的二级页面也都有主页的链接，可以随时返回到主页面。页面总体采用 CSS+DIV 布局，最外层DIV为框架，对重复页面代码进行抽取，比如网站头部用header.html来代替，网站底部用footer.html来代替，在各个要引用的网页上直接在其头部和尾部用iframe标签引入即可（），在背景图引入时采用（background-image:url("../pic/backpic.jpeg"); background-repeat: no-repeat; background-size:100% a）background-image标签进行操作。在日记链接显示以及网站底部链接上采用ui、li标签，在中屏显示的最新、最热、话题等主题下的具体旅游日记标题。

1.php中用smarty模板生成的html在浏览器中顶部有一空行. 2.用firedebug发现 meta和link标记在body标签里. 本机上wmap运行没事, 送到远程服务器上是IASP的服务, 会出现上述bug. 看了下源文件, 文本一样的. 但保存时提示编码问题.估计是utf-8问题了. 在网上找了下, 是utf-8 BOM问题. 解决方法: 用UltraEdit32把smarty模板文件即引用的模板文件(如include的header,footer等文件)全另存为无BOM的utf-8文件. 其它补充说明：页面采用UTF8编码，头部和尾部用了模板包含文档的method，结果头部和尾

每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染，基本都能一一列举出来。这些性能优化原则大概是在7年前提出的，对于web性能优化至今都有非常重要的指导意义。然而，对于构建大型web应用的团队来说，要坚持贯彻这些优化原则并不是一件十分容易的事。因为优化原则中很多要求是与工程管理相违背的，比如“把css放在头部”和“把js放在尾部”这两条原则，我们不能让团队的工程师在写样式和脚本引用的时候都去修改一个相同的页面

方法：通过load()函数，引入公共头部和尾部文件;js代码预览：$(".headerPage").load("header.html");$(".footerPage").load("footer.html");步骤：1. 把头部代码和尾部代码分别单独写到一个新的html页面(头部header.html 尾部footer.html)，以便引用；2. 在index.html页面把放头部的地方...

如何在HTML不同的页面中，共用头部与尾部？一、asp语言和PHP语言首先制作一个头部文件head.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index.asp文件代码的开始位置（第一个标记后面，<head>标记前面）增加如下代码： <!– #include file=”head.asp” –> 调用共用底部...

CSS

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章

我想在不同的页面都能 引用同一个头部页面和尾部页面

我想在不同的页面都能引用同一个头部页面和尾部页面