HTML作為靜態語言是不支援分模組的，如果你是使用PHP的，那麼我們可以藉助其他的一些模板引擎例如smarty等來實現此功能。

我們將頭部與尾部拆分出來分別命名為header.html與footer.html再在index

.html中加入如下內容

{include file="header.html"}

這裡你可以書寫body的主要內容

{include file="footer..html"}

我們在PHP中進行如下書寫

<?php

$smarty = new Smarty();

$smarty->display("index.html");

?>

這樣就實現了簡單的模組分離了，如果你想修改頭部與尾部只需要在對應的檔案模板裡修改就可以了

將頭部，底部，導航等公用的模組，分別寫入單獨的檔案，可以用Smarty模板，在使用的地方直接引入。例如：<%include file="./header.html">