良好的编码习惯/模块化的HTML构造
我正在制作一个两级网页。第一个包含家庭，音乐，工程等等。每个级别都有一个子级别。例如，工程将有电路，编程等。我有一个选项卡系统设置为导航，看起来非常好。我是html新手，但直观地说，我想使这个模块像Java程序一样。所以我不确定最好的办法是做什么。这是我的一些想法。为了讨论的目的，我会尽可能地尽量简化它。良好的编码习惯/模块化的HTML构造
一个带有空格的文本框，标题和图像的主页。通过点击导航栏，图像，标题和文本框将变为该页面的内容。 Ex *通过点击工程 - >电路图像变成一个电路的图片和文本框谈论电流。对图片和文本的引用存储在外部文件（engineering或circuits.html）中。
或者，
几页，每个包含类似的代码（包括导航菜单的拷贝/粘贴版本）。每个页面都包含它自己的内容。
我更喜欢第一个简单和模块化。当然，目标是要有可读的代码。我讨厌在多个地方编码相同的东西（我相信大多数优秀的程序员都这么做）。任何反馈都非常感谢，并提供有关如何包含来自其他文件的内容的信息。谢谢！
切特
我会用PHP包括能够包括你的头和导航，而无需剪切和粘贴像你谈论。你可以包括任何你想要的。我认为PHP对此很有用。您还可以添加一些变量，如页面标题并在页面头中回显。你把你的包含html，但保存为PHP扩展。
<?php
include 'includes/header.php';
?>
因此，您赞成改变内容想法的主页面？或者你仍然建议每个页面都有一个文件。感谢您的信息。 – Chet 2012-01-27 13:26:27
那么，在PHP中，你仍然有单独的页面。这就是我如何做到的。您也可以使用AJAX，并且只能通过停留在同一页面来更改内容，但不推荐用于SEO。尽管我是一个Python家伙，但我仍然使用PHP包含小型网站的实用性，并且它很容易使用。现在，如果您正在使用本地服务器，请确保已安装PHP，否则将无法解析。 – 2012-01-27 21:00:43
不要太担心重复的代码。尽管有些人可能会说，但HTML不是一种编程语言。但是，XSLT具有类似循环的重复代码块和以编程方式转换HTML的功能。 – Matthew 2012-01-27 11:31:23