如何將多個代碼塊組合成一個代碼塊？

我真的不知道如何說這個問題，但這是我想問的。我怎樣才能讓這個代碼塊在每個頁面上，但我只需要編輯原始代碼塊就可以在所有頁面上改變它？如何將多個代碼塊組合成一個代碼塊？

<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

如何將多個代碼塊組合成一個代碼塊？

回答

相關問題