通用页眉和页脚

我为我的妈妈创建了一个网站，而且我最终希望使它变得更清洁，制作通用页眉和页脚，这样我只需更新一个文档而不是每个页面。我花了一段时间四处寻找，但我无法做任何工作。我对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

通用页眉和页脚

回答

相关问题