Html 如何管理跨多个页面的相同元素

对于html/css来说是全新的，有没有一种方法可以管理站点（如工具栏）上重复出现的元素？例如，如果我有一个有10页的网站，并且想要更改通用工具栏的HTML，我是否必须在所有10页上都更改它？

取决于具体情况。如果HTML是在10个不同的地方编写的，那么是的，您必须在所有10个页面上更改它。 如果您通过一个公共用户控件（如果您是.net）或使用模板将HTML添加到所有页面，那么您可以在一个位置执行此操作并使用它完成。

您没有几个选项：

使用一些服务器端语言（如PHP）-推荐

使用：

---

最简单的方法是服务器端包含

意思是，你有：

• index.php
• head.php
• footer.php
• nav.php

在

index.php

中，您看起来像：

<?php include_once "head.php"; ?>
Actual content here
<?php include_once "footer.php"; ?>

---

如果你的意思是有重复的项目，请查看Madara的答案。如果您指的是重复样式，以下将为您提供一个示例：

如果希望某个文本每次显示为红色，可以将其命名为“红色”：

在css中：

.red{
color: red;
}

“.”表示它是一个重复出现的元素，只要在html中使用，您可以随意命名它

在html中：

<span class="red">Sample text</span>

示例文本

开始使用模板。您使用哪种工具编写html？关键字是

Ajax

（javascript方法）和

Frameset

（html5不支持）。另一种方法是使用服务器端模板引擎（raintpl，…），如果您使用

php

，那么您应该使用模板引擎，即和@ultima_rat0:或者您可以使用成熟的框架。但我们不要在这里超越自己。你先学习语言，然后学习图书馆。这是正常的工作流程。@ultima_rat0，为什么会有人想使用像smarty这样过时的东西？这只是对未来的一个提示@tereško：最后一次发布于2013年6月。它只是有点慢，但是模板语法非常好。有趣的是，我为iframe标记获取了第一个谷歌结果。我是新来的，但如果这种反政府情绪是投票失败的原因，那么这个人应该考虑一下自己。这就像“永远不要在这里谈论IE，它是一个糟糕的浏览器，有人可能会开始使用它”。这是因为初学者从学校学习。。而且他们并没有从那里最好的教程中学到东西——w3schools宣传过时的、有时是明显错误的信息，没有提供社区编辑选项，甚至没有提供适当的反馈。这就是为什么给初学者提供w3schools的链接会让你在网站上赢得一些反对票。此外，IE是一个糟糕的浏览器，但我们中的一些人必须支持它的要求。没有人要求你链接到学校。

<span class="red">Sample text</span>