HTML中没有_SUP标签，正确标签是；它语义为上标，适用于指数、商标等，但数学幂运算需注意浏览器缩放差异、垂直对齐偏差，复杂场景应优先选用MathML或KaTeX。
HTML 中没有 _SUP 标签，正确写法是 <sup></sup>
很多人搜“_SUP标签”，其实是把 Word 或某些编辑器的快捷标记（如 _SUP）误当成 HTML 标准语法。HTML 规范里只有 <sup></sup> 和 <sub></sub>，没有下划线前缀或大写的 SUP 标签。直接写 <_sup>2</_sup> 会被浏览器忽略，内容原样显示甚至触发解析错误。
用 <sup></sup> 显示幂运算时要注意语义和样式兼容性
<sup></sup> 是行内元素，语义上表示“上标”，适合指数、商标符号（™）、脚注编号等。但数学幂运算（如 x²、aⁿ）有两点容易被忽略：
- 纯靠
<sup></sup>无法控制字体大小缩放比例，不同浏览器默认缩放不一致（Chrome 约 75%，Firefox 约 65%） - 当底数含字母或变量时，
<sup></sup>不处理垂直对齐偏移，可能导致“x²”中 2 的基线比数学排版标准略高 - 若需严格数学语义（比如区分“x 的平方”和“x 的上标 2”），应优先考虑 MathML 或 KaTeX/TeX 渲染，而非
<sup></sup>
简单场景可这样写：<p>x<sup>2</sup> + y<sup>n</sup></p>
遇到 vertical-align 错位或字体模糊，手动微调 CSS
默认 <sup></sup> 的 vertical-align 是 super，但数值型上标（如 ¹²³）在部分字体中会显得太高或太轻。常见修复方式：
- 加一层
font-size控制：例如<sup style="font-size: 0.7em;">2</sup> - 用
vertical-align替代默认值：vertical-align: 0.3em;比super更可控 - 避免嵌套
<sup></sup>（如 x23），会导致对齐逐层偏移，应改用 MathML 或预渲染图像 - 注意中文字体下
<sup></sup>可能完全失效（如某些思源字体未定义 super 字形），建议对中文内容慎用
幂运算复杂时，别硬撑——该上 MathML 就上
一旦出现分数指数（a1/2）、多层幂（xyz）、带括号的复合表达式（(ab)2），<sup></sup> 就力不从心了。这时候：
- 基础方案：用
<math><msup><mi>a</mi><mfrac><mn>1</mn><mn>2</mn></mfrac></msup></math>（需启用 MathML 支持，现代 Chrome/Firefox 基本可用） - 工程方案：引入 KaTeX，写
$$a^{\frac{1}{2}}$$，自动转成语义正确、对齐精准的 SVG 或 HTML+CSS - 绕过方案：生成 PNG/SVG 图片嵌入，适合静态文档或 SEO 要求不高场景
硬用多个 <sup></sup> 堆叠，最终效果往往不如一行 KaTeX 渲染稳定。
