如何使同樣的佈局我目前工作的HTML所有網頁

我想問一個關於網站development.I問題正在開發一個網站，其中的基本佈局保持同樣喜歡的菜單，在菜單等，但只有內容目前我已爲所有網頁製作單獨的.html文件。任何人都可以告訴我有沒有一種方法可以讓我創建一個單獨的文件，讓所有人都能共同使用，並在我的html文件中調用它。我聽說過CSS，但它只會改變樣式和佈局。感謝如何使同樣的佈局我目前工作的HTML所有網頁

來源

2012-03-26 mainajaved

你將如何編寫你的HTML _applications_？ ASP.NET？ PHP？ JSP？它們提供了每個頁面可以繼承的頁面模板（或母版頁）。 – 2012-03-26 13:23:03

從長遠來看最好的辦法是使用像ASP.net或者PHP

來源

2012-03-26 13:21:55 KingCronus

嗯，謝謝。但是，你的意思是我必須爲每個.html文件都分開執行它嗎？ – mainajaved 2012-03-26 13:23:08

請參閱下面的@starx答案，以獲取有關如何使用php實現此目標的信息。 – KingCronus 2012-03-26 13:27:49

服務器端語言，我不相信這是可能的，嚴格通過HTML。但是，您可以使用像PHP這樣的服務器端腳本來完成它。你在說什麼是模板，並且經常使用。你想要的是將你的菜單項（和CSS）和你的頁眉/頁腳代碼放在不同的頁面中。這樣，如果您對菜單或頁眉/頁腳進行更改，它將反映在您使用模板方法編寫腳本的所有頁面（用PHP編寫）中。

您將需要訪問的地方menu.html，並header.html中通過footer.html你的主頁的代碼。也就是說，您可以使用模板方法來編寫頁面的內容。

PHP中的僞代碼的例子是像這樣的：

<?php 
    include('header.html'); 
    include('menu.html'); 

    echo "Your main content items here"; 

    include('footer.html'); 
?>

來源

2012-03-26 13:25:08 PenguinCoder

，這是非常大的話題在短短的答案，包括。所以我只會給予邏輯部分。

獨立你的模板分爲多個塊，如：

1. header.php 
2. leftSidebar.php 
4. rightsidebar.php 
5. footer.php

現在，包括你的每一個頁面上這些公共部分。

例如：index.php

<?php 

    include "header.php"; 
    include "leftSidebar.php"; 
    echo "<div>".$thedifferentpart."</div>"; //Change only this part on every other page you will create. 
    include "footer.php"; 

?>

_{注：這只是一個邏輯部分，運用這一概念在你的代碼}

來源

2012-03-26 13:26:20 Starx

有沒有從php文件'header.php'中看到它被'index.php'調用的方法？我問，因爲我有一個菜單，其按鈕的顯示方式因當前頁面而異（即向當前頁面添加一個類並給它不同的樣式） – CodyBugstein 2014-03-07 13:27:06

如果你的HTTP（apache 2和IIS做）服務器支持Server Side Includes那麼你可以只包含另一個HTML文件：

<!--#include file="header.html"--> 

your content 

<!--#include file="footer.html"-->

不需要一個服務器端語言，然後 - 只是普通的HTML

來源

2012-03-26 13:27:54 ManseUK

我不明白。我有一個像這樣的HTML頁面：http://pastebin.com/Qvk0zFYS和一個如下所示的CSS文件：http://pastebin.com/KqMq9GaT。我怎樣才能爲這樣的頁面設置相同的佈局？ http://pastebin.com/xR35Ewbw – 2013-05-16 23:22:33

這不行！ – sixfeet 2016-10-11 06:31:24

不會做它應該做的事情。 – JacobSiegel 2016-12-02 02:33:01

是的，你最好的選擇是一個服務器端語言，如亞當說。絕對避免使用舊式HTML框架：它們已被棄用，並且在編程方面和谷歌優化方面都會導致一定數量的問題。

通過使用服務器端語言，你仍然有整個網頁，但它們將被PHP（或ASP）通過印刷更多的文件合併成一個部分產生的。例如：

http://www.php.net/manual/en/function.include.php

再見！

來源

2012-03-26 13:29:16 Stratboy

嗨！我們可以使用Ruby來做同樣的事嗎？如果是，如何？ – 2016-12-02 08:46:04

嗨，我不使用Ruby，對不起。一般來說，使用Ruby構建網站的人實際上使用了Ruby On Rails或類似的框架。現在，另一種構建非動態網站的非常簡單的方法是使用https://codekitapp.com/和它的工具包語言（https://codekitapp.com/help/），而不使用服務器端語言來包含（部分）套件/）或者其他類似的應用程序。我使用codekit來處理所有的事情，有時候也可以用於工具包，這真是太棒了。 – Stratboy 2016-12-02 09:28:56

如何使同樣的佈局我目前工作的HTML所有網頁

回答

相關問題