HTML跨页面锚点跳转失效求助：无法定位指定区块

核心问题：ID和锚点中的空格 #

你的代码里，section的ID和锚点链接里都带了多余的空格——HTML的ID属性不允许包含空格，虽然同页面跳转时浏览器可能会兼容，但跨页面跳转时这种不规范的写法会直接导致锚点定位失效。

具体修改步骤 #

1. 修正index.html中的section ID，去掉末尾空格：

   <section id="portfolio" class="mt-3">
   

2. 修正其他页面的返回链接，去掉href和文本中的空格：

   <a class="nav-link" href="../#portfolio">
       <span>portfolio</span>
   </a>
   

额外排查点（如果修改后仍失效） #

• 检查路径正确性：确认../确实指向index.html所在的目录，比如项目页面在projects/子文件夹时，../是正确的；如果层级不对，调整为/#portfolio（根目录）或../../#portfolio（更深层级）。
• 验证目标元素存在：确保index.html中确实有id="portfolio"的元素，且没有被固定定位的导航栏等遮挡（如果有遮挡，可给目标元素加padding-top避开）。
• 清除浏览器缓存：按Ctrl+F5强制刷新页面，避免旧缓存影响锚点解析。

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