每个HTML页面上的相同项目？

Question

我正在开发一个小型HTML项目，并且会有很多页面。我希望他们每个人在顶部都有一个标题，除了它之外还有两张图片。它看起来像这样。

<table align="center">
<td><img src="picture.jpg" width="200"></td>
<td><h1 class="pagetitle">TITLE OF PAGE</h1></td>
<td><img>src="picture.jpg" width="200"></td>
</table>

我更喜欢只使用HTML或CSS来做这件事。如果不可能，请解释如何用其他语言进行。

Answer 1

根据您的具体要求，您可以使用IFRAME从单独的HTML源文档中包含该表。

如果这一行

<td><h1 class="pagetitle">TITLE OF PAGE</h1></td>

要求输入特定页面的实际标题，IFRAME将不起作用（至少，没有一些涉及JavaScript的技巧）。

如果您不使用IFRAME，则需要进行某些类处理，以避免将相同的标题复制并粘贴到每个页面（如果您更改了每个页面，则会出现相关的更新问题头）。

此类问题的典型解决方案是使用某种服务器端编程环境，例如PHP或ASP.Net。

如果这是您唯一的编程要求，那么学习工作应该相当少。

Answer 2

Eric的答案很好，但是如果你仍然不想只使用带有CSS的HTML，那就容易多了。我建议你不要使用表格，在这种情况下没有理由。您可以使用一些CSS样式将这些元素包装成具有相同效果的div。当您为所有这些页面使用一个样式表时，没有其他请求，您的浏览器知道您已经拥有此样式表。此外，当您的标题在所有页面上几乎相同时，它应该加载非常快。