如何包含外部 HTML-Head？
How to include an external HTML-Head?
我又开始为小型企业网站编写代码了，在 10 个 HTML-pages 中拥有大约 40% 的重复代码（标题和菜单）似乎很愚蠢。另一方面，在这么小的项目上扔 Next.js 之类的东西似乎也有点过分了。
是否有一种简单的方法可以通过在服务器或 client-side 的每个页面中包含 head.html 来减少重复代码？
您不能对客户端 JavaScript 执行此操作，因为它 运行 在 header 解析之后。您应该为此使用服务器端技术。从 SSI 到 PHP :)
我更喜欢PHP。将您的 .html（静态）页面更改为 .php（动态）页面。只是 'save as'。您几乎可以将任何内容分离到模板中。
您有以下简化的文件结构：
index.php
header.php
home.php
footer.php
style.css
index.php包含+调用header.php+home.php+footer.php
header.php有你的菜单等等
home.php 可以包含您的滑块和更多部分等。
footer.php 有您的菜单 + 版权等
style.css 有您的样式，您可以有很多 .css 文件，具体取决于您想要的样式。
您可以将其扩展到您的其他页面：about.php、services.php、contact.php 等
在 index.php 文件中添加类似
的内容
<?php require ('your-folder-for-content/header.php'); ?>
<?php require ('your-folder-for-content/home.php'); ?>
<?php require ('your-folder-for-content/footer.php'); ?>
关闭页脚末尾的 </html> 括号。
一页或很少重复的部分调用另一页，防止冗余。
Jekyll 非常好用。您可以剥离所有不需要的功能。也有可用的模板填充。它为整个站点输出静态 html，所以你不需要你的服务器是 运行 任何守护进程。
我又开始为小型企业网站编写代码了，在 10 个 HTML-pages 中拥有大约 40% 的重复代码（标题和菜单）似乎很愚蠢。另一方面，在这么小的项目上扔 Next.js 之类的东西似乎也有点过分了。
是否有一种简单的方法可以通过在服务器或 client-side 的每个页面中包含 head.html 来减少重复代码？
您不能对客户端 JavaScript 执行此操作，因为它 运行 在 header 解析之后。您应该为此使用服务器端技术。从 SSI 到 PHP :)
我更喜欢PHP。将您的 .html（静态）页面更改为 .php（动态）页面。只是 'save as'。您几乎可以将任何内容分离到模板中。
您有以下简化的文件结构：
index.php
header.php
home.php
footer.php
style.css
index.php包含+调用header.php+home.php+footer.php
header.php有你的菜单等等
home.php 可以包含您的滑块和更多部分等。
footer.php 有您的菜单 + 版权等
style.css 有您的样式，您可以有很多 .css 文件，具体取决于您想要的样式。
您可以将其扩展到您的其他页面：about.php、services.php、contact.php 等
在 index.php 文件中添加类似
<?php require ('your-folder-for-content/header.php'); ?>
<?php require ('your-folder-for-content/home.php'); ?>
<?php require ('your-folder-for-content/footer.php'); ?>
关闭页脚末尾的 </html> 括号。
一页或很少重复的部分调用另一页，防止冗余。
Jekyll 非常好用。您可以剥离所有不需要的功能。也有可用的模板填充。它为整个站点输出静态 html，所以你不需要你的服务器是 运行 任何守护进程。