html - （HTML，CSS）如何链接和重用来自单个 HTML 文件源的代码块，比如“扩展”的模板？

Question

抱歉，我使用奇怪的行话来解释我的问题。我不确定我想做的事情的术语是什么，而且谷歌搜索还没有让我走得很远，所以我希望有人能帮助我澄清我的经验不足。

我有一个 localhost wiki，我会定期为自己编写代码和更新，它的目的是与一个持久的侧边栏完全链接在一起。但是，当我添加页面或进行“全局”更改时，我必须手动编辑每个 .html 文件的侧边栏代码，这样做严重违反了 DRY（不要重复自己）规则。我对 Django 有一些经验，它通过使用模板和扩展来解决这个问题，但是我还没有找到本地托管的等效解决方案（我想尽快在我的网络上托管它，但我还没有得到那个还远远没有），vanilla 基本的 HTML/CSS/JS 文件组。

因此，简而言之，我要解决的问题是我想将某些全局 HTML 元素和 CSS 元素扩展到该项目中包含的所有页面/文件，并消除我在转换中使用的重复代码。

这是我（我认为不必要）在我的 wiki 的每个 HTML 文档中重复的一些代码。

<div class="sidebar">
    <ul class="sidebar-item-container">
        <li class="sidebar-item"><a href="home.html">Home</a></li>
        <li class="sidebar-item"><a href="html_info.html">HTML</a></li>
        <li class="sidebar-item"><a href="css_info.html">CSS</a></li>
        <li class="sidebar-item"><a href="javascript_info.html">Javascript</a></li>
        <li class="sidebar-item"><a href="misc.html">Misc</a></li>
        <li class="sidebar-item"><a href="python.html">Python</a></li>
        <li class="sidebar-item"><a href="sample.html">Sample</a></li>
    </ul>
</div>

我想从每个单独的 html 文件中删除这段代码并将其替换为类似

extend sidebar code from template.html

...但是那会起作用。有人愿意与我分享一些对此的见解吗？谢谢！如果您能告诉我有关我试图描述的概念的行话，我也将不胜感激。我认为它被称为模板和扩展，但不幸的是，搜索它并没有让我有任何用处。

标签： htmlcss