css - 一种通过更改一个文件来编辑内容的方法？

Question

我的网站左侧有一个联系人 css 选项卡，我有超过 30 个页面，我不想在数据更改后手动更改所有这些页面。有谁知道解决方案，这样我只需更改 1 个文件即可编辑所有页面？

也许是在 JavaScript 中？

下面的代码适用于该选项卡

<div class="slide-out-div">
        <a class="handle" href="http://link-for-non-js-users">Content</a>
      <h3>Onze contact gegevens</h3>
        <p>Adres: van Ostadestraat 55<br />
          Postcode: 8932 JZ<br />
        Plaats: Leeuwarden<br />
        Tel: 058 844 66 28<br />
        Mob: 0629594595
        <br />
        E-mail: <a href="mailto:<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d9b0b7bfb699bfabb0bcaabcbab6b4a9acadbcabaabcabafb0babcf7b7b5" rel="noreferrer noopener nofollow">[email protected]</a>"><a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="741d1a121b3412061d110711171b190401001106071106021d17115a1a18" rel="noreferrer noopener nofollow">[email protected]</a></a><br /><br />
        </p>
<p>Mocht u vragen hebben dan kunt u gerust bij ons terecht voor meer informatie.</p>

编辑:

这是在我的 html 中

<!--#include virtual="contact.txt" -->
  </body>

这是我的 contact.txt，位于我的网络文件夹的 rot 中:

<div class="slide-out-div">
        <a class="handle" href="http://link-for-non-js-users">Content</a>
      <h3>Onze contact gegevens</h3>
        <p>Adres: van Ostadestraat 55<br />
          Postcode: 8932 JZ<br />
        Plaats: Leeuwarden<br />
        Tel: 058 844 66 28<br />
        Mob: 0629594595
        <br />
        E-mail: <a href="mailto:<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1871767e77587e6a717d6b7d7b7775686d6c7d6a6b7d6a6e717b7d367674" rel="noreferrer noopener nofollow">[email protected]</a>"><a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1970777f76597f6b707c6a7c7a7674696c6d7c6b6a7c6b6f707a7c377775" rel="noreferrer noopener nofollow">[email protected]</a></a><br /><br />
        </p>
<p>Mocht u vragen hebben dan kunt u gerust bij ons terecht voor meer informatie.</p>

Answer 1

您可能想使用Server Side Includes (SSI)。

您可以将代码片段放入一个单独的文件中，例如 contact.txt，然后您只需在所有 30 个页面中引用它即可:

<!--#include virtual="contact.txt" -->

所有流行的 Web 服务器都支持 SSI，包括 Apache、IIS 和 lighttpd。