本文摘自PHP中文网，作者青灯夜游，侵删。
在html中，可以使用<sup>标签和<sub>标签来显示文本的上标、下标。本篇文章就来给大家介绍<sup>标签和<sub>标签，让大家对<sup>标签和<sub>标签有一个简单的了解，知道<sup>标签和<sub>标签的使用方法，希望对你们有所帮助。【视频教程推荐：HTML教程】
HTML <sup>标签
<sup>标签是用来定义上标文本的。
下面我们通过简单的代码示例来看看<sup>标签是如何使用的：
1 |
|
效果图：
可以看出包含在 <sup></sup> 中的内容将会以当前文本流中字符高度的一半来显示，也就是说，会上浮一半字符的高度显示；但<sup>不会改变被包含内容的字体。
<sup>标签如果和 <a> 标签结合起来使用，可以创建出很好的超链接脚注，例：
1 |
|
效果图：
HTML <sub>标签
<sub> 标签是用来定义下标文本的。
下面我们通过简单的代码示例来看看<sub>标签是如何使用的：
1 |
|
效果图：
和<sup>标签相似，<sup></sup> 中的内容将会以当前文本流中字符高度的一半显示，会下沉一半字符的高度显示；但<sub>也不会改变被包含内容的字体。
相关阅读 >>
如何制作Html表格的边框？Html table表格制作及实例
Html param标签怎么用？Html param标签属性实例详解
Html link标签有什么作用？Html link标签的定义及属性介绍
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
