Question

所以我正在制作一个HTML（5）页面，它将链接到几个子页面。

我有一个导航菜单和页脚，它们是非常精细的CSS和HTML -wise。为每个子页面复制此代码是一种选择，但我怀疑有更好的方法。

在当天，通常使用框架来完成它，但现在它们非常 passe 。

我没有在任何地方找到'默认'的解决方案......建议是：

使用Javascript document.write 子页面上的代码。或使用PHP生成网站，以便从单独的文件 OR 中包含导航和页脚使用Ruby on Rails（必须把它掌握到一定程度......而且我不确定这是否是它用于它的那种东西）

最好的方法是什么？对于一个相当简单的网站，PHP不是一种矫枉过正吗？（是的，它有导航等，但否则它很简单）。还有其他建议吗？

Answer 1

如果您的服务器具有PhP功能，那么这可能是最简单的方法。

<?php
require("header.php");
?>

您需要做的就是将完整标题部分包含到新页面中。

我不会得到javascript路由，因为一旦页面开始加载，你只会加载javascript。这意味着页面开始加载，然后需要从服务器获取其他信息。此外，服务器端更可靠。

Answer 2

服务器端包含可能是最简单的方法：

<!--#include virtual="header.html" -->

    some html

<!--#include virtual="footer.html" -->

链接：

Answer 3

我自己的网站正在使用include("XXX.php")或require(xxx.php)来包含页眉，页脚和公共代码。我认为实现这样的功能是一种非常容易理解和简单的方法。像这样：

...
///below is header
<?php include("header.php"); ?>
/// header ends
...

此外，你可以创建这样的单独的html文件，并使用JS将它们呈现到你的页面，这不需要php环境。喜欢：

<div id="header"></div>
<script>
$( "#header" ).load( "commom/header.html" );
</script>

并将标题代码保存到“header.html”文件中。