应优先使用语义化标签：明确标识页头并提升可访问性与seo，用于独立可分发内容，用于有主题但不独立的分组，避免滥用和aria，精简dom层级。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

什么时候该用 <header></header> 而不是 <div class="header"> <p>浏览器和屏幕阅读器完全不知道 <code><div class="header"> 是页头——它只是个无语义的盒子。而 <code><header></header> 明确告诉辅助技术“这是页面或区块的标题区域”，同时被搜索引擎识别为内容权重较高的结构节点。

• 每个页面最多一个顶层 <header></header>（在 直接子级），用于包裹网站 logo、主导航等全局头部内容
• <section></section> 或 @#@#@#@#@#@#@#@#@#@0，或至少用 <nav><a>…</a></nav>
• 只有当原生标签无法表达意图时才用 ARIA：比如自定义下拉菜单需加 role="menu" 和 aria-expanded，但前提是它已经用 <div role="menu"> 包裹了真实按钮与列表 <li>滥用 <code>tabindex="0" 让非交互元素可聚焦，常导致焦点顺序错乱，比不加更难用
真正难的不是记住哪些标签该用，而是每次写 <div> 前停半秒：它承载的是样式、行为，还是内容含义？如果是前两者，大概率不该出现在 HTML 里。</div>