<sub>: The Subscript element

Try it

<p>
  Almost every developer's favorite molecule is
  C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as
  "caffeine."
</p>

p {
  font:
    1rem "Fira Sans",
    sans-serif;
}

Thuộc tính

Phần tử này chỉ bao gồm các thuộc tính toàn cục.

Ghi chú sử dụng

Phần tử <sub> chỉ nên được dùng vì lý do kiểu chữ — tức là để thay đổi vị trí của văn bản nhằm tuân thủ các quy ước hoặc tiêu chuẩn kiểu chữ, thay vì chỉ vì mục đích trình bày hoặc ngoại hình.

Ví dụ, dùng <sub> để tạo kiểu tên của một công ty sử dụng đường cơ sở thay đổi trong wordmark của họ là không phù hợp; thay vào đó, nên dùng CSS. Ví dụ, bạn có thể dùng thuộc tính vertical-align với khai báo như vertical-align: sub hoặc, để kiểm soát chính xác hơn việc dịch chuyển đường cơ sở, vertical-align: -25%.

Các trường hợp sử dụng phù hợp cho <sub> bao gồm (nhưng không nhất thiết giới hạn ở):

• Đánh dấu số chú thích cuối trang. Xem Số chú thích cuối trang để xem ví dụ.
• Đánh dấu chỉ số dưới trong số biến toán học (mặc dù bạn cũng có thể xem xét sử dụng công thức MathML cho điều này). Xem Chỉ số dưới biến.
• Biểu thị số nguyên tử của một nguyên tố trong công thức hóa học (như người bạn tốt nhất của mọi nhà phát triển, C₈H₁₀N₄O₂, còn được gọi là "caffeine"). Xem Công thức hóa học.

Ví dụ

Số chú thích cuối trang

Chú thích cuối trang truyền thống được biểu thị bằng các số được hiển thị dưới dạng chỉ số dưới. Đây là trường hợp sử dụng phổ biến cho <sub>:

<p>
  According to the computations by Nakamura, Johnson, and Mason<sub>1</sub> this
  will result in the complete annihilation of both particles.
</p>

Kết quả

Chỉ số dưới biến

Trong toán học, các họ biến liên quan đến cùng một khái niệm (chẳng hạn như khoảng cách dọc theo cùng một trục) được biểu thị bằng cùng tên biến với chỉ số dưới theo sau. Ví dụ:

<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>

Kết quả

Công thức hóa học

Khi viết công thức hóa học, chẳng hạn như H₂O, số nguyên tử của một nguyên tố trong phân tử được mô tả được biểu thị bằng một số dưới dạng chỉ số dưới; trong trường hợp nước, số "2" dưới dạng chỉ số dưới chỉ ra rằng có hai nguyên tử hydro trong phân tử.

Ví dụ khác:

<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>

Kết quả

Tóm tắt kỹ thuật

Đặc tả

Tương thích trình duyệt

Xem thêm

• Phần tử HTML <sup> tạo ra chỉ số trên. Lưu ý rằng bạn không thể dùng sup và sub cùng lúc: bạn cần dùng MathML để tạo ra cả chỉ số trên ngay phía trên chỉ số dưới bên cạnh ký hiệu hóa học của một nguyên tố, đại diện cho số nguyên tử và số khối của nó.
• Các phần tử MathML <msub>, <msup>, và <msubsup>.
• Thuộc tính CSS vertical-align.