是否可以将'html'代码存储在另一个页面中,如样式表?

时间:2016-03-27 05:55:16

标签: html html5 css3

只是想知道是否有像'html'的样式表。如果我有第二个“html”文件,其中包含许多与第一个相同的“html”,该怎么办?我可以使用类似样式表的东西来存储并在第二页上显示“html”,而不是复制和粘贴所有不同的位吗?

2 个答案:

答案 0 :(得分:1)

PHP方法:只需将您的html文件从fileName.html重命名为fileName.php,这样您就可以使用php include来模仿您的网站。

以下是保留相同导航栏的示例,在所有页面上都说navbar.php

<强> navbar.php:

<ul>
  <li>Home</li>
  <li>About</li>
  <li>Contact</li>
</ul>

以上内容将添加到包含该文件的每个页面。

<强>的index.php:

<div class="nav">
    <?php include("pathTofile/navbar.php"); ?>
</div>

<div class="banner">
    ....
</div>

<强> ABOUT.PHP:

<div class="nav">
    <?php include("pathTofile/navbar.php"); ?>
</div>

<div class="someDiv">
    ....
</div>

<强> CONTACT.PHP:

<div class="nav">
    <?php include("pathTofile/navbar.php"); ?>
</div>

<div class="someDiv">
    ....
</div>

因此,如果您需要对导航栏进行一些编辑,则可以编辑navbar.php文件,更改将反映在所有页面上。

答案 1 :(得分:0)

单独使用HTML是不可能的,但是许多服务器端和客户端框架(如PHP,Node.js和Django)允许您将一个HTML文件插入到另一个HTML文件中,例如在网站上使用相同的标头。 / p>

或者您可以使用JavaScript导入文件。以下是使用jQuery库的示例:

<html>
  <head>
    <script>
      $("#header").load("header.html");
    </script>
  </head>
  <body>
    <div id="header"></div>
  </body>
</html>