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>