消除html页面之间的冗余代码

消除html页面之间的冗余代码,html,css,database,performance,redundancy,Html,Css,Database,Performance,Redundancy,因此,我正在制作我自己版本的web/db项目,我的朋友是在学校里得到的。这是我在这两个领域的第一个项目,我还在学习。项目描述的一部分提到了客户想要的所有页面。我通过创建一个无序的链接列表来解决这个问题,这些链接指向带有适当标签的不同页面。复杂,我知道 然后我意识到每一页都会有这个。我的问题是:有没有一种方法可以在html中对代码的某些部分进行分类,这样我就可以在每个页面中都有一个“导航列表”,而不是列表的完整代码以及与之相关的所有内容 我希望代码干净高效。这就是我回答这个问题的动机。你所说的是模

因此,我正在制作我自己版本的web/db项目,我的朋友是在学校里得到的。这是我在这两个领域的第一个项目,我还在学习。项目描述的一部分提到了客户想要的所有页面。我通过创建一个无序的链接列表来解决这个问题,这些链接指向带有适当标签的不同页面。复杂,我知道

然后我意识到每一页都会有这个。我的问题是:有没有一种方法可以在html中对代码的某些部分进行分类,这样我就可以在每个页面中都有一个“导航列表”,而不是列表的完整代码以及与之相关的所有内容


我希望代码干净高效。这就是我回答这个问题的动机。

你所说的是模板。你不能在普通的html中完成它。。。您需要使用像php这样的服务器端语言。您也可以使用JavaScript模板语言(如Handlebar或类似语言)来实现,但不能使用普通html

您的问题提供了一点细节,但听起来好像您想要php包含之类的东西。如果您在本地运行站点,请将.html文件更改为.php,然后执行
,其中
包含/navigation.php
是指向导航代码的路径。

如果您不想使用php或其他服务器端技术来创建简单菜单,您可以尝试各种Javascript插件,如。

请提供您尝试过的代码。而且,听上去,这似乎是一个更适合@Dom的问题,他没有一个想要改进的代码文件,他只是想要一个更好的方法,在每个html文件中放置相同的菜单,而无需每次链接列表更改时复制/粘贴。你也可以通过一些程序使用脱机模板。像格伦特和杰基洛凯一样很棒。我在想类似的事情。因此,一个例子是在php中创建一个对象并在所有页面中使用它?不。。。您只需为每个模板创建一个文件。例如,您可以使用“_nav.php”。然后在index.php文件中包含导航模板“”@OdraEncoded-Yep,完全正确。我对基本站点使用了相当多的codekit,它还内置了一个简单的模板功能。有很多选择。