直接用嵌在里合法且推荐，它是标准行内元素，语义清晰，适用于化学式（h2o）、数学下标（xi）等场景；不可嵌套块级元素或自身，避免富文本编辑器过滤导致标签丢失。
直接用 <sub></sub> 嵌在 <p></p> 里就行
HTML 允许 <sub></sub> 作为行内元素，直接放在 <p></p> 内部是完全合法的，不需要额外包装或 hack。浏览器会正确渲染为下标，且语义清晰（比如化学式、数学下标）。
常见错误是误以为必须套一层 <span></span> 或担心“块级嵌套行内”出问题——其实 <p></p> 本来就可以包含行内内容，<sub></sub> 就是标准行内元素。
<sub></sub> 的使用场景和限制
适合用于化学式（如 H<sub>2</sub>O）、数学下标（x<sub>i</sub>）、单位脚注等纯文本标注场景。
- 不能放块级元素（比如
<div>、<code><p></p>），否则 HTML 解析会自动闭合<sub></sub> - 不支持嵌套另一个
<sub></sub>（多数浏览器会忽略第二层，或导致结构错乱） - 若需样式微调（如垂直位置、字号），优先用 CSS 的
vertical-align和font-size，而不是强行替换标签 - 屏幕阅读器会把
<sub></sub>读作“下标”，有助于无障碍访问；纯 CSS 模拟则无此语义 - 搜索引擎可能识别
<sub></sub>中的内容为特定上下文（如化合物名），影响结构化数据提取 - 如果只是想让文字变小+下沉，又不强调语义，用
<span style="vertical-align: sub; font-size: .8em;"></span>更灵活；但只要语义成立，就该用<sub></sub>
和 <small></small>、CSS vertical-align 的区别
<sub></sub> 是语义化标签，表示“下标含义”，而 <small></small> 表示“附属细则文字”，vertical-align: sub 只是视觉模拟。
容易被忽略的兼容性细节
老版本 IE（≤8）对 <sub></sub> 的默认样式支持较弱，可能需要手动补 vertical-align: sub，但现在基本不用考虑。
更现实的问题是：某些富文本编辑器（如 TinyMCE、CKEditor）或 Markdown 渲染器默认不放行 <sub></sub>，会过滤掉。这时候得检查编辑器配置里的 allowedTags 或启用 subscript 插件。
另外，如果 <p></p> 内有多个 <sub></sub> 连续出现（比如 a<sub>1</sub>b<sub>2</sub>c），注意中间不能有空格或换行符干扰排版——不是语法错误，但可能影响视觉对齐。
