繁体   English   中英

编译html(页眉和页脚)

Compiling html (headers and footers)

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我将开始一个涉及创建微型网站的小项目。 通常,我使用带有WordPress等PHP支持的CMS系统来构建网站,但是由于该网站的开发需要快速(只有几页),因此我们选择使用静态HTML网站,该网站包含一些由php(可能通过AJAX附带)。

现在我的问题是,无论在提交之前(使用gulp / grunt或您拥有什么)还是在服务器端都可以进行编译? 我希望网站从其他文件中提取分开的页眉和页脚,以帮助删除多余的代码并简化维护。 某种小型模板引擎可以解决问题。 谁能指出我正确的方向?

1 个回复

PHP 模板引擎(还有其他功能)。 无需外部包装。

一个例子:

<?php include 'path/to/header.html.php' ?>

<body>
  <!-- put your page-specific contents here -->
</body>

<?php include 'path/to/footer.html.php' ?>

更新:

尽管这个想法是很久以前构想的,但是目前尚无标准的客户端包含方法: http : //en.wikipedia.org/wiki/Transclusion

纯HTML中最接近的是<iframe>元素。

使用gulp,我会使用gulp-concat之类的东西:

var gulp = require('gulp');
var concat = require('gulp-concat');

gulp.task('build-prototype', function() {
  return gulp.src(['./src/header.html', './src/content.html', './src/footer.html'])
    .pipe(concat('prototype.html'))
    .pipe(gulp.dest('./dist/'));
});
1 排除HTML中的页眉和页脚

我看着这个问题: 拆分一个html页面并通过标题加载它? 但是答案并不完全是我想要的。 我正在建立一个完全静态的网页,在每个页面上都有页眉(导航)和页脚。 有没有一种方法可以排除掉这些标记并将它们插入每个页面,而不是分别在每个页面上放置它们? ...

2 HTML页面-页眉和页脚-冗余

我正在创建一个具有4个链接的HTML / CSS页面, 我想在所有关联的HTML页面中将其保留为Header。 该页面还有一个页脚,其中包含标语句子。 如何避免在所有HTML页面中编码页眉和页脚。 谢谢! ...

2014-12-06 21:15:01 2 169   html/ css
4 使用页眉和页脚将HTML转换为PDF

我们有页眉和页脚String作为HTML内容类型,但是如何在每页上都添加。 在下面的java方法中,我们传递了三个参数htmlcontent,HeaderContent,FooterContent以及在html中创建的返回页面数,但是我们必须在哪里附加页眉和页脚内容呢? ...

6 使用HTML将页眉和页脚包含为单独的文件

我要替换几百个链接/索引编制不良的PDF和MS Word参考文档。 理想情况下,我想创建一个自包含的HTML版本。 理想情况下,将其托管,但有些人可能会将其复制到闪存驱动器中以供参考。 我已经确认我可以使用MAMP,但是有一种方法可以实现,而只是想使用本地文件而无需用户安装某些东西? ...

7 打印html页面时添加页眉/页脚

我创建了一个带有页眉,一些内容和页脚的html页面。 我尝试打印HTML页面,共有2页。 我在第一页的页眉和最后一页的页脚。 我真正需要的是在所有页面中显示的页眉和页脚,就像在word文档中一样。 ...

2016-08-01 12:23:17 2 8110   html/ css
8 具有动态页眉,页脚和内容的CSS和html

我正在尝试将页眉,内容和页脚作为动态字段。 尝试了许多不同的解决方案,并且它必须在多个实例中工作。 我只需要在内容区域中使用滚动条,所以我没有在页脚上使用绝对零。 但是使用表格布局。 如果看一下代码片段,您可以看到内容#wrapper(yellow)与内容具有相同的大小。 但是当内 ...

2015-01-12 22:28:03 1 65   html/ css
9 IE中的HTML页眉和页脚标签问题

在我的HTML中,我使用了&lt;header&gt;和&lt;footer&gt;标记,但是当我在IE中对其进行检查时,它无法呈现,布局已损坏。 那是因为HTML版本吗? 我尝试删除这些标签,然后布局没有中断。 这是我的代码: ...

10 如何从HTML生成带有页眉和页脚的pdf

试图为每个页面从HTML生成pdf以及页眉和页脚,但最终在第一页的起始页眉和最后一页的页脚中生成。 如何为所有页面添加内容,请找到以下我使用的c#代码, 在这里,我使用“ IPechkin” DLL创建pdf。 请找到XSL-FO文件,该文件工作正常,并且可以在Online ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM