在站点中所有页面的顶部设置导航的最佳实践?

Best practice for having a nav at the top of all the pages in a site?

让我的导航位于所有 mt 网页顶部的最佳做法是什么。例如,home 和 about 都有导航。我必须重复代码还是有更好的做法?

为 header 使用单个文件并将其包含在您想要的任何页面上,这在 html 中是不可能的,您需要 php 之类的东西才能做到这一点。

这可能取决于您编写网站所用的语言,但一种方法是将导航栏的所有代码放在一个单独的文件中,然后将该文件包含在每个页面上您希望导航栏显示在上面。

例如,如果您使用 PHP,您可以放置​​所有导航条码(即使它不包含 PHP 代码而只是 HTML或 CSS) 到 navbar.php 文件中,然后使用 PHP include 语句引用代码在 navbar.php 文件中,像这样:

include 'navbar.php';

通过这样做,还可以更轻松地更新导航栏,因为您只需要更新一个文件中的代码,更新显示在包含原始内容的每个页面上 navbar.php 文件.

需要注意的一点是,您需要在网页上使用 PHP,如果您在本地开发,则需要有服务器 运行 PHP 安装在您的计算机上以便实际看到它。如果您正在寻找 PHP 开发环境,XAMPP or MAMP 是一些不错的选择。

您可以使用 bootstrap 比 css 更好的语言来设计导航栏,而不是使用 css。它有 101 个预定义模板。