如何将多个代码块组合成一个代码块？

我真的不知道如何说这个问题，但这是我想问的。我怎样才能让这个代码块在每个页面上，但我只需要编辑原始代码块就可以在所有页面上改变它？如何将多个代码块组合成一个代码块？

<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>

来源

2014-03-28 John F. Cook

你使用任何框架？ – smk

带有一个框架（这很丑陋），服务器端脚本（如果你只提供静态内容，这可能不成问题）或客户端脚本（这对于停用JS的用户不太友好）。 – Zeta

检查这个职位： http://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file – user3407000

使用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>

要包括这个部分，你可以简单地写：然后你就可以创建一个名为（例如）文件的header.php

在header.php中

<?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>

来源

2014-03-28 17:27:54 mbdavis

这是否意味着我将不得不为每个不同的代码块创建不同的文件。例如 - 一个用于标题的文件，一个用于主要内容，一个用于页脚？ –

是的，除非他们总是在你的页面上跟着彼此 – IronWilliamCash

@ JohnF.Cook它没有什么区别，你可以像平常一样编写你的页面，但是如果你想创建可重用的块，你可以通过分割成其他文件如标题。 – mbdavis

如何将多个代码块组合成一个代码块？

回答

相关问题