html 是前端体验的底层骨架，语义化标签提升可访问性、seo与性能；避免 div 套娃，善用 native 元素；优化 script/link 加载策略；表单、图片、媒体等均需按 html 原生能力精细控制。
HTML 本身不直接实现 UX 优化，但它是所有前端体验的底层骨架——错用标签、忽略语义、乱加 div 套娃，会立刻让可访问性、SEO、加载性能和交互逻辑掉坑里。
用对语义化标签代替 div + CSS 模拟
屏幕阅读器、搜索引擎、甚至浏览器内置的“阅读模式”都依赖 HTML 的语义。写 <div class="button"> 不如直接用 <code><button></button>；用 <div class="header"> 不如 <code><header></header>。
-
<nav></nav>包围主导航，<main></main>标明主体内容，<aside></aside>放侧边栏或相关链接——这些不是装饰，是结构信号 - 避免用
<span></span>或<div> 模拟标题（如 <code><div role="heading" aria-level="2">），优先用原生 <code><h2></h2>～<h6></h6> - 表单控件必须配
<label for="id"></label>，否则触屏点击区域小、语音助手无法关联 - 第三方统计、埋点脚本一律加
async，且放在
控制初始渲染阻塞：删掉没用的 script 和 link
HTML 解析时遇到 <script></script>（无 async 或 defer）会暂停 DOM 构建，用户看到白屏时间拉长；<link rel="stylesheet"> 也会阻塞渲染，尤其内联大量 CSS 或引用未压缩的第三方样式表。
