如何制作全局标题而不是在每个页面中粘贴它?

时间:2012-09-19 15:12:08

标签: html html5

每次更新标题时,我都会单独更新每个页面。我很确定有一种方法可以将标题保存在一个文件中,并在每个页面中调用它。

这样我就会更新一个文件,并在每个页面上自动更新。我是这方面的新手,所以请保持简单易懂:)

3 个答案:

答案 0 :(得分:0)

您没有说明用于托管文件的服务器 - 但大多数服务器都能够执行服务器端包含。这将允许您将标题放入单独的文件中,并在每个html文件中“包含”它。请求HTML文件时,服务器会将include语句替换为头文件的内容。

查看服务器文档以获取更多详细信息

答案 1 :(得分:0)

如果你的网站主机支持php,这很容易做到..

首先创建header.php文件,然后在header.php文件中插入所有文本,按钮等。

第二步创建一个footer.php文件,并在footer.php文件中插入所有文本,按钮等。

然后创建一个index.php并调用这样的包含文件。

<div><?php include 'header.php'; ?></div>
<div>Sone Content</div>
<div><?php include 'footer.php'; ?></div>

然后对于其他页面,请遵循相同的指导原则。为了使其工作,您的所有文件都需要具有.php扩展名。

答案 2 :(得分:0)

使用seamless属性,您的iframe标记似乎是您文档的一部分:

<iframe src="header.htm" seamless="seamless"></iframe>

<iframe src="header.htm" seamless></iframe>

请注意浏览器支持!