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

时间:2013-07-24 20:43:36

标签: html

全新的html / css,有没有办法管理网站上的重复元素,比如工具栏?例如,如果我有一个包含10个页面的网站并且想要更改通用工具栏的HTML,我是否必须在所有10个页面上更改它?

4 个答案:

答案 0 :(得分:5)

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

意思是,你有:

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

index.php中你看起来像是:

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

head.php看起来像:

<!doctype HTML>
<html>
<head>
    <title>Hello</title>
    <?php include_once "nav.php"; ?>
</head>
<body>

答案 1 :(得分:0)

取决于。如果HTML是在10个不同的地方写的,那么是的,你必须在所有10个页面上进行更改。 如果您通过一个普通的用户控件(如果您是.net)或使用模板将HTML添加到所有页面,那么您可以在一个位置和一个位置执行此操作。完成它。

答案 2 :(得分:0)

如果您的意思是有重复项目,请查看Madara的答案。如果您的意思是重复出现的样式,下面将举例说明:

如果您希望某个文本每次都显示为红色,则可以将其命名为“红色”:

在css中:

.red{
color: red;
}

“。”表示它是一个重复出现的元素,只要在html中使用它就可以将它命名为任意。

在html中:

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

答案 3 :(得分:-2)

你几乎没有选择:

  1. 使用某些服务器端语言(即PHP) - 推荐
  2. 使用iframe tag

    &lt; iframe src =“toolbar.html”&gt;&lt; / iframe&gt;