HTML - 标签

HTML  标签定义内联内容，应将其呈现为上标。上标通常使用较小的文本以抬高的基线呈现。HTML 标签用于显示指数，例如“x³”，以及表示序数，例如“4^th”。

标签应仅出于排版原因使用，即调整文本位置以符合排版规则或标准，而不是为了演示或外观。

语法

<sup>.....</sup>

属性

HTML sup 标签支持 HTML 的全局和事件属性。还接受一个特定的属性，如下所示。

HTML sup 标签示例

下面的示例将说明 sup 标签的使用，何时何地以及如何使用它来创建上标内容。

使用 sup 标签创建上标元素

在以下示例中，我们正在创建一个 HTML 文档并使用 标签以上标形式显示文本。

<!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 标签创建指数元素

考虑以下示例，我们使用 标签创建指数或数字的幂。两者都是上标文本最常见的用途。

<!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 标签创建序数

以下是示例，我们将使用 标签创建序数，例如英语中的“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>