我的网站左侧有一个联系人css标签,我有超过30页,我不希望以后在数据发生变化时手动更改所有这些页面。有没有人知道一个sollution所以我只需要改变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:info@friesecomputerservice.nl">info@friesecomputerservice.nl</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中,它位于我的webfolder的腐烂中:
<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:info@friesecomputerservice.nl">info@friesecomputerservice.nl</a><br /><br />
</p>
<p>Mocht u vragen hebben dan kunt u gerust bij ons terecht voor meer informatie.</p>
答案 0 :(得分:4)
您可能想要使用Server Side Includes(SSI)。
您可以将代码段放在单独的文件中,例如contact.txt
,然后您只需使用以下内容在所有30个页面中引用它:
<!--#include virtual="contact.txt" -->
所有流行的Web服务器都支持SSI,包括Apache,IIS和lighttpd。
答案 1 :(得分:3)
使用相关的HTML /文本创建一个文本文件,并将其放入您希望它出现的HTML中。
<!--#include virtual="path to file/include-file.txt" -->
希望有所帮助:)
<强>更新强>
经过漫长的讨论,将您的网页重命名为.php而不是.html,并将您的联系人重命名为.php而不是.txt,并使用此网址包含您的文件:
<?php include('contact.php'); ?>
如果您的页面位于不同的目录中,请使用:
<?php include($DOCUMENT_ROOT . "/path-to-files/contact.php"); ?>
这会强制页面查看您网站的根目录。
答案 2 :(得分:1)
根据建议,您可以使用Apache的SSI。这取决于所使用的特定网络服务器和模块。
要实现这一结果,您可以做两件事:
使用某种支持它的模板语言,并在上传到您的网络服务器之前“编译它”。使用ruby的ERB就是一个例子。
其他是使用服务器端编程语言(我建议使用PHP,因为它简单,易于部署和大量文档)在服务器上为您完成。
以下是使用PHP的简单示例:http://www.albinoblacksheep.com/tutorial/include
答案 3 :(得分:-2)
我接受丹尼尔和凯尔的解决方案(我给他们的答案+1)
如果我处于你的境地。我用你的联系信息制作了一个html,然后用一个框架将它包含在其他30个页面中,如
并在一个pagex.htm中放入以下代码
<body>
Other part of page ....
<iframe id="contact" src="../contact.htm"></iframe>
</body>