`sub` 属性的作用
`` 标签的主要作用是将文本显示为下标形式。这种格式常用于数学公式、化学方程式以及脚注等场景。例如，在书写化学方程式时，氧原子的表示方式为 "O₂"，其中数字 "2" 就可以通过 `` 标签来实现：
```html
H2O
```
这段代码会渲染为 "H₂O"，即水分子的化学式。
使用场景
1. 数学公式：在编写数学表达式时，指数和下标是非常常见的元素。例如，平方根可以写作 √x²，这里的 "²" 就可以用 `` 标签来处理。
```html
√x2
```
2. 化学符号：如前所述，化学元素的上下标对于描述化合物至关重要。
3. 脚注：在文章或文档中，脚注通常以小号字体显示在页面底部，并且编号通常以下标形式出现。
替代方案
尽管 `` 标签非常直观易用，但在某些情况下，为了保持语义化和可访问性，开发者可能会选择 CSS 来实现类似的效果。通过设置 `vertical-align: sub;` 或者 `font-size` 等样式属性，同样能够达到下标的效果。
```css
.subscript {
vertical-align: sub;
font-size: 75%;
}
```
然后在 HTML 中应用这个类名：
```html
H2O
```
这种方式提供了更大的灵活性，同时也符合现代 Web 开发的趋势——分离结构与表现。
注意事项
- 虽然 `` 标签简单快捷，但其语义性较弱，可能不利于屏幕阅读器等辅助技术理解页面内容。因此，在需要高度语义化的场景下，建议优先考虑使用 CSS。
- 如果项目涉及国际化或多语言支持，则需特别注意不同语言对下标格式的需求差异。
总之，了解并合理利用 `` 标签可以帮助我们更高效地构建出美观且功能强大的网页。同时，掌握如何结合 CSS 进行样式定制也是每位前端工程师必备技能之一。
