nav标签本身不区分多页或单页，仅是语义化容器；多页导航用普通超链接指向html文件，单页则需锚点链接（href="#id"）配合scrollspy，要求目标区块有唯一id、足够高度，并在滚动容器上正确设置data-bs-spy与data-bs-target。
nav 标签本身不区分多页还是单页，它只是语义化容器，真正决定导航行为的是内部链接的写法、目标结构和是否启用 Scrollspy 等交互逻辑。
多页导航中 nav 的用法
导航项通常为普通超链接，指向不同 HTML 文件：
- href 值是完整路径或相对路径，如
href="about.html"或href="/contact" - 点击后浏览器发起新请求，整页刷新，
- 无需 id 匹配、无需滚动监听，也不依赖 data-bs-spy 属性
- 适合内容独立、SEO 要求高、或技术栈较轻量的项目
单页中 nav 配合 Scrollspy 的用法
导航项必须是锚点链接，且需与页面区块严格对应：
- href 值为片段标识符，如
href="#features"，对应<section id="features"></section> - 每个目标区块要有足够高度（建议
min-height: 100vh），否则 Scrollspy 无法识别进入视口 - data-bs-spy="scroll" 必须加在滚动容器（通常是
）上，不是加在
结构与属性的关键区别
同一套
- 多页：只关心链接可达性，
- 单页 + Scrollspy：必须用
class="nav-link"，href 必须以#开头，且目标 id 必须存在、唯一、已渲染 - Scrollspy 不识别
<nav></nav>自身是否固定定位，但它依赖data-bs-offset补偿固定导航栏带来的视觉遮挡 - SPA 场景下，路由切换后需手动调用
scrollSpyInstance.refresh()，否则新插入的区块不会被监听
实际开发中的常见混用误区
开发者容易把两类逻辑错误叠加，导致功能失效：
- 在单页中写了
href="services.html#team"—— Scrollspy 只认纯 ID 锚点，跨页锚点无效 - 给
- 目标区块用
display: none切换显示 —— Scrollspy 会跳过不可见元素，高亮始终不触发 - 导航用了
<div class="nav"> 而非标准 <code><nav></nav>+<ul class="nav"></ul>—— Bootstrap 5 的 Scrollspy 默认只扫描.nav-link或.list-group-item，结构不符则不响应
