动态HTML构造_Html_Templates_Dynamic_Reusability_Consistency

动态HTML构造

html templates dynamic

动态HTML构造,html,templates,dynamic,reusability,consistency,Html,Templates,Dynamic,Reusability,Consistency,每次我决定更改页眉/导航栏/页脚等中的内容时，我需要将这些更改应用于其他16个html文件，以便我的更改在整个网站上保持一致我的问题是：有没有一种方法可以让我的网站模板自动应用到每个页面我的网站上任何页面的示例以及我的想法如下所示： <html> <head>injected code</head> <body> <header>injected code<header>

每次我决定更改页眉/导航栏/页脚等中的内容时，我需要将这些更改应用于其他16个html文件，以便我的更改在整个网站上保持一致

我的问题是：有没有一种方法可以让我的网站模板自动应用到每个页面

我的网站上任何页面的示例以及我的想法如下所示：

<html>
    <head>injected code</head>
    <body>
        <header>injected code<header>
        <section>NOT INJECTED CODE</section>
        <footer>injected code</footer>
    </body>
</html>

我知道重复这样的代码是不好的做法，所以我如何重用html中这些区域的本地化代码，因为它们总是相同的

我对内容管理系统并不感兴趣。

您可以使用php来解决这个问题。将您的文件命名为index.php或任何扩展名为.php的文件

<html>
 <?php include('header.php'); ?>
<body>
    <header>injected code<header>
    <section>NOT INJECTED CODE</section>
    <footer>injected code</footer>
</body>
<?php include('footer.php'); ?>

然后将header.php和footer.php放在同一个文件夹中。这些通用文件可以包含在所有页面中

提示：您需要在本地服务器上运行这些。请参见

我对每个页面上相同的元素所做的处理，如页眉、导航、页脚，就是在一个文件中分别创建这些元素，然后通过php包含这些元素。然后，如果你必须改变标题中的一件事，你只需要做一次

您的示例如下：

<body>
   <header><?php include_once('header.html'); ?><header>
   <section>NOT INJECTED CODE</section>
   <footer><?php include_once('footer.html'); ?></footer>
</body>

希望有帮助。

我能想到的最好的方法是使用服务器端语言，如php或asp，来生成html。您可以使用标记来包含外部文件，但我并没有正确尝试过，也不确定安全性或结果。您也可以使用javascript/jquery来编写文档，但是使用脚本来编写并不是最佳做法，客户端语言的更好用途是使用ajax加载外部文件，但是在ajax完成之前可能需要定义一些头，尽管我还没有测试过它

简言之，我建议使用服务器端语言（可能是php），因为它易于学习、免费使用，并且您可以在本地机器上安装它。如果您已经在运行服务器，您可以看到已经安装了哪些语言，因为大多数语言都可以包含外部文件。

您使用什么后端？谢谢，这非常有帮助！还要感谢另一位负责人，他提供了xampp开发环境。