編譯html（頁眉和頁腳）

Question

我將開始一個涉及創建微型網站的小項目。 通常，我使用帶有WordPress等PHP支持的CMS系統來構建網站，但是由於該網站的開發需要快速（只有幾頁），因此我們選擇使用靜態HTML網站，該網站包含一些由php（可能通過AJAX附帶）。

現在我的問題是，無論在提交之前（使用gulp / grunt或您擁有什么）還是在服務器端都可以進行編譯？ 我希望網站從其他文件中提取分開的頁眉和頁腳，以幫助刪除多余的代碼並簡化維護。 某種小型模板引擎可以解決問題。 誰能指出我正確的方向？

Answer 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/'));
});