Question

我真的不知道怎么说这个问题，但这就是我想问的问题。如何才能使这个代码块出现在每个页面上，但我只需要编辑原始代码块，以便在所有页面上进行更改？

<ul class="horizontal" id="nav">
    <li><a href="#" class="active">About Us</a></li>
    <li><a href="#">Our Products</a></li>
    <li><a href="#">FAQs</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Login</a></li>
</ul>

Answer 1

使用PHP。然后，您可以创建一个名为（例如）header.php

的文件

在header.php中：

<ul class="horizontal" id="nav">
    <li><a href="#" class="active">About Us</a></li>
    <li><a href="#">Our Products</a></li>
    <li><a href="#">FAQs</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Login</a></li>
</ul>

然后，在您想要包含此部分的任何页面上，您只需写下：

<?php include 'header.php'?>

代替您放置此代码块的位置。对header.php的任何更改都将在使用它的任何页面上更新。

例如：

<html>
    <head>
        <title>My page</title>
    </head>
    <body>
        <h1>My page</h1>
        <?php include 'header.php'?>
        <img src='image.png'/>
        <p>This is my webpage</p>
    </body>
</html>

如何将几个代码块组成一个代码块？

1 个答案: