如何在HTML与CSS中使用不含#的真实URL 实现站点内页面跳转

不需要额外创建HTML文件的场景 #

如果你的站点是单页应用或者单页面展示站点，可以用两种方式实现：

• 锚点跳转：给页面内的个人介绍内容区块设置唯一ID，比如id="about-me"，导航栏链接直接写href="#about-me"，点击后会自动滚动到对应内容区域
• 内容切换：用JS控制不同板块的显隐，点击导航按钮时隐藏其他内容，只展示个人介绍板块，完全不需要新增文件

需要创建额外HTML文件的场景 #

如果你的站点是传统多页架构，就需要单独创建对应的HTML文档：

• 你可以在站点根目录新建about.html文件，编写完个人介绍的完整页面代码后，将导航链接指向/about.html即可正常跳转
• 如果需要更简洁的URL，可以将文件存为/about/index.html，配合基础的服务器配置后，直接访问/about/路径就能打开页面，不需要在URL里显示后缀名

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