html取消重复,减少重复的HTML代码
有可能用JavaScript来做到这一点 - 你基本上是提供给用户的浏览器与一群件以及如何从这些片段构建页面的配方。但是，这会让用户感觉页面变慢，因为他们必须加载页面，然后等待浏览器执行您的指令。不过，有些情况下这绝对是一个很好的解决方案，如果您有兴趣，我建议您研究一下像Handlebars这样的JS模板引擎，这样可以更轻松地完成此操作。 @ Mike-C的回答很好地描述了如何在没有模板引擎的情况下做到这一点。
对于一个非常简单的情况下，像你描述，我建议使用PHP。你可以做这样的功能：
function renderBlockWrapper($blockWrapperContents) {
include(blockwrapper.html.php);
}
?>
然后在blockwrapper.html.php *你可以有：
最后，在你的基础文件，你可以创建许多块包装元素像这样：
这将输出
Hello world
Hello again
Here I am a third time!
*如果您还不知道这一点：如果您有一种类型的文件生成不同类型的文件来合并它们的文件结尾，这是一种常见惯例。所以.html.php表示一个生成HTML文件的PHP文件。
有可能用JavaScript来做到这一点 - 你基本上是提供给用户的浏览器与一群件以及如何从这些片段构建页面的配方。但是，这会让用户感觉页面变慢，因为他们必须加载页面，然后等待浏览器执行您的指令。不过，有些情况下这绝对是一个很好的解决方案，如果您有兴趣，我建议您研究一下像Handlebars这样的JS模板引擎，这样可以更轻松地完成此操作。 @ Mike-C的回答很好地描述了如何在没有模板引擎的情况下做到这一点。 对于一个非常简单的情况下，像你描述，我建议使用PHP。你可以做这样的功能： function renderBlockWrapper($blockWrapperContents) { include(blockwrapper.html.php); } ?> 然后在blockwrapper.html.php *你可以有： 最后，在你的基础文件，你可以创建许多块包装元素像这样： 这将输出 Hello world Hello again Here I am a third time! *如果您还不知道这一点：如果您有一种类型的文件生成不同类型的文件来合并它们的文件结尾，这是一种常见惯例。所以.html.php表示一个生成HTML文件的PHP文件。