html语义标签是浏览器、搜索引擎和辅助技术识别页面结构的硬性信号，用错或不用会损害seo、无障碍访问和css语义锚点稳定性。
<header></header>、<nav></nav>、<main></main>、<section></section>、@#@#@#@#@#@#@#@#@#@0（出现在 <article></article> 内部）
<aside><nav>…</nav></aside> —— 导航属于全局结构，应该用 <nav></nav>，且通常在 <header></header> 或 <footer></footer> 中<aside></aside> 的 hydration 处理较弱，若内含交互组件，建议显式加 suppressHydrationWarning 或包裹 <div>
<p>最容易被忽略的一点：语义标签本身不带默认样式，但它们会改变浏览器内置的 outline 跳转顺序、焦点管理逻辑和 DevTools 的“Accessibility”面板结构树——这意味着，哪怕视觉上没差别，用 <code><nav></nav> 替代 <div class="nav"> 也会让键盘用户多出一次 Tab 就能跳过整个导航区。这不是“锦上添花”，是基础可用性门槛。</div>
