如何在导航栏创建页面链接？新手网站开发实操答疑

1. 「联系我们」页面的代码位置 #

• 建议新建独立的.html文件，比如命名为contact.html（也可以和导航文字对应，用kontakt.html）。
• 不需要完全复制首页所有代码，只需要复用导航栏、页脚这类公共部分，把页面主体内容替换成联系表单、联系方式等「联系我们」相关内容即可。这样后续修改公共部分时，只需要改一次就能同步到所有页面。

2. 导航栏链接的写法 #

本地开发阶段不用考虑上线后的域名，直接用相对路径就能实现跳转：

• 如果联系页面是根目录下的contact.html，把原代码里的href="#"改成href="contact.html"，修改后的代码如下：

  <li><a href="contact.html">KONTAKTUJTE NÁS</a></li>
  

• 要是想提前模拟上线后的/contact-us路径结构，可以在根目录新建contact-us文件夹，里面放一个index.html作为联系页面，这时链接写法改成：

  <li><a href="contact-us/">KONTAKTUJTE NÁS</a></li>
  

  这种写法本地打开时能正常跳转，上线后直接对应域名后的/contact-us路径，和你看到的其他网站格式一致。

内容的提问来源于stack exchange，提问作者Adriana