HTML - 標籤

HTML  標籤定義應呈現為下標的內聯內容。下標通常以較低的基線和較小的字型顯示。下標文字通常用於化學公式，例如 H20，寫成 H₂O。

元素應出於排版原因使用，即調整文字位置以符合排版規則或標準，而不是為了演示或外觀。

語法

<sub>.....</sub>

屬性

HTML sub 標籤支援 HTML 的全域性和事件屬性。它也接受下面列出的特定屬性。

HTML sub 標籤示例

下面的示例將說明 sub 標籤的用法，何時以及如何使用它來建立下標內容。

使用 sub 標籤建立下標元素

在句子中建立下標文字，可以幫助您理解 sub 標籤的作用。在以下示例中，我們正在建立一個 HTML 文件，並使用 標籤以下標形式顯示文字。

<!DOCTYPE html>
<html>
<body>
   <h1>The sub tag</h1>
   <p> This is normal para </p>
   <p> this is <sub> subscript </sub> para </p>
</body>
</html>

使用 sub 標籤表示化學式

我們主要使用 sub 標籤來表示化學式、數學方程式，其中可以使用 sub 和 sup 標籤。這裡我們使用 sub 標籤來建立一個下標元素。我們正在建立一個 HTML 文件，並使用 標籤顯示化學式。

<!DOCTYPE html>
<html>
<body>
   <h1>The sub tag</h1>
   <p> 
      Almost every developer's favorite molecule is C 
      <sub>8</sub>H <sub>10</sub>N <sub>4</sub>O <sub>2</sub>, 
      which is commonly known as "caffeine." </p>
</body>
</html>

使用 CSS 樣式化下標元素

我們可以根據需要樣式化下標元素，要建立下標元素，我們使用 HTML 標籤，可以在 CSS 中選擇該標籤來對其進行樣式化。以下是一個示例，我們將使用 標籤顯示數學變數下標（例如沿同一軸的距離）。

<!DOCTYPE html>
<html>
<head>
   <style>
      sub {
         color: red;
      }
   </style>
</head>
<body>
   <h1>The sub tag</h1>
   <p> 
      The horizontal coordinates' positions 
      along the X-axis are represented as 
      <var>x <sub>1</sub> </var> … <var>x <sub>n</sub> </var>. 
   </p>
</body>
</html>