HTML <sup> 标签定义应呈现为上标的内联内容。上标通常使用较小的文本以凸起的基线呈现。HTML <sup> 标签用于显示指数,例如“x3”和表示序数,例如“4th”。
<sup> 标签应仅用于印刷原因,即调整文本的位置以符合印刷规则或标准,而不是用于呈现或外观。
语法
<sup>.....</sup>
属性
<sup> 标签支持 HTML 的 全局属性 和 事件属性。
<sup> 标签示例
下面的示例将说明sup标签的用法,在哪里,何时以及如何使用它来创建上标内容。
使用 <sup> 标签创建上标元素
在下面的示例中,我们将创建一个 HTML 文档,并使用 <sup> 标签以上标形式显示文本。
<!DOCTYPE html>
<html>
<body>
<h1>The sup tag</h1>
<p> This is normal para </p>
<p> this is <sup> superscript </sup> para </p>
</body>
</html>
使用 <sup> 标签的指数元素
考虑以下示例,我们使用 <sup> 标签来创建指数或数字的幂。两者都是上标文本的最常见用法。
<!DOCTYPE html>
<html>
<body>
<p>
One of the most common equations in all
of physics is <var>E</var>= <var>m</var> <var>c</var> <sup>2</sup>.
</p>
<p>
Formula of (a + b ) <sup>2</sup> = a <sup>2</sup> + b <sup>2</sup> + 2*a*b
</p>
</body>
</html>
使用 <sup> 标签的序号
下面是一个示例,我们将使用 <sup> 标签来创建序数,例如英语中的“fourth”或西班牙语中的“Quinto”。
<!DOCTYPE html>
<html>
<body>
<p>
The ordinal number "fifth" can be abbreviated
in various languages as follows
</p>
<ul>
<li>English: 5 <sup>th</sup></li>
<li>French: 5 <sup>ème</sup></li>
</ul>
</body>
</html>
支持的浏览器
浏览器 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
<sup> | Yes | Yes | Yes | Yes | Yes |