最稳妥的导航结构是用 包裹 嵌套， 不可省略，href 须为有效 url；横排布局优先用 display: flex；激活项用 aria-current="page"；下拉菜单需 role="menu" 及键盘支持。
用 <nav></nav> 包裹 <ul></ul> 是最稳妥的写法
语义正确、无障碍支持好、主流框架和 CSS 重置都默认适配这种结构。别直接把 @#@#@#@#@#@#@#@#@#@0 的参考实现）
<li>不要用 <code>visibility: hidden 控制显隐——它仍可聚焦；应该用 display: none 或 aria-hidden="true" + inert（兼容性差时用 JS 切换 tabindex="-1"）
实际项目里，最常被忽略的是键盘焦点管理与 aria-current 的一致性——比如点击跳转后没同步更新状态，或者子菜单展开时焦点没移到第一个菜单项。这些细节不处理，导航栏就只是“看起来能用”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
