HTML中如何实现上标和下标

使用HTML标签来表示上标和下标更加标准化。

和 是上标标签。
和 是签名标签。

化学式H2 O由2 组成。

语义标签比纯 CSS 更好。
识别搜索引擎和。

使用 CSS 调整大小和位置。
将 apnd 标签字体大小设置为中等。
主题标签已关闭。

不要使用 和 进行纯粹的装饰。
使用 MathJax 进行复杂嵌套。

评价一下自己。

SUBHTML标签

上周有客户问我，HTML 中的 标签是什么意思？我跟他解释说这个东西是用来在网页上显示订阅的。
例如，在数学公式或化学公式中，这些小写字母就是使用此命名法创建的。
让我举个例子，比如“H2 O”。
这是水的分子式，数字“2 ”是下标，它告诉我们水分子含有两个氢原子。

我告诉他，这个标签的作用是让文字看起来是下标，看起来是在单词的下面。
它不会改变文本的字体大小，只是将文本的高度改变一半，使其看起来好像缩小了。
但是这个东西如果使用不当的话，网页会显得很乱，用户体验也很差。

他还问我有没有一种字幕格式叫SUB。
我说这是另外一回事，与HTML中的标签无关。
此SUB是Subtitles Graphical Format的缩写，用于存储多语言字幕，例如idx和子文件。
因此，使用时要注意不要混淆。
不过，这取决于你，如果用在正确的地方，它会非常有用。
我一直在思考这个问题，我怎样才能教人们更好地使用这些HTML标签。

sub 是什么标签

说实话，我在写文档的时候经常用到这个标签。
我记得有一次我正在为一个科学实验网站构建一个页面。
如果化学式部分没有子代码，就无法阅读。
看看水。
没有sub，它就变成H2 O。
化学老师见状，摇了摇头。

有趣的是，这个标签的兼容性实际上相当古老。
当我在2 01 4 年重构一个旧系统时，发现IE6 仍然可以识别sub，但渲染效果比现代浏览器差——文字极其扁平，就像被踩过一样。
当时我还在想，是不是因为我们写网页的时候，订阅的需求量很大，所以浏览器厂商就必须要实现呢？
说一个具体的案例吧。
我曾经有一个教物理的客户，他特别关心这个标签的显示效果。
后来我们利用CSS3 的transform属性对其进行了兼容性处理，将输入的文字进一步压低一点，并添加了一些阴影。
效果比纯HTML sub要好很多。
当时测试的时候，他实验室的老师直接在会议室里用平板电脑比划着说：“c的订阅终于不再像被压榨的样子了。
”
但我自己没有运行过这个。
我记得数据是2 01 8 年左右的，公式页面子代码的使用率超过了6 0%。
但现在具体的数字，我建议你去查一下最新的统计数据。
反正我现在写前端的时候，遇到很多公式的时候，还是习惯用sub。
毕竟简单又直接。
当然，如果你讲究艺术感，你就得依赖CSS或SVG。