通用頁眉和頁腳

我爲我的媽媽創建了一個網站，而且我最終希望使它變得更清潔，製作通用頁眉和頁腳，這樣我只需更新一個文檔而不是每個頁面。我花了一段時間四處尋找，但我無法做任何工作。我對HTML和CSS有很好的理解，但是我幾乎是一個新手，並沒有真正使用JavaScript，如果這就是需要的，那麼詳細的幫助將非常感謝！我如何去做這件事？（如果重要，該網站託管在DreamHost上）。下面是基本的HTML代碼我有頁眉和頁腳：通用頁眉和頁腳

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
    <link rel="stylesheet" href="style/style.css"> 
</head> 
<body> 
<div id="wrapper"> 

<header> 
    <img src="img/logo.png" alt="(logo)"> 
    <nav> 
     <ul> 
     <li><a href="index.html">HOME</a></li> 
     <li><a href="about.html">ABOUT</a></li> 
     <li><a href="product.html">PRODUCTS</a></li> 
     </ul> 
    </nav> 
    </header> 

    <footer> 
    <p> Email: [email protected] </p> 
    <div id="logo"> 
    </div> 
    </footer> 
</body> 
</html>

來源

2017-08-24 Lex

您需要服務器端腳本（php，asp，jsp等）來執行此操作。 –

可以使用等反應圖書館或類似的角2或VUE JS的框架延長HTML

來源

2017-08-24 23:04:57 SergioEscudero

你可以使用PHP去做這個。例如，您只需要include header.php。可以使用任何其他服務器端代碼。

也可以使用JavaScript，但請記住，JavaScript是在客戶端執行的，所以一些用戶可能會遇到問題，因爲瀏覽器內部的javascript被取消激活。

來源

2017-08-24 23:10:42 Jan

通用頁眉和頁腳

回答

相關問題