<sup>: The Superscript element

Try it

<p>
  The <em>Pythagorean theorem</em> is often expressed as the following equation:
</p>

<p>
  <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var>
</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ử <sup> 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ụ, để tạo kiểu wordmark của một doanh nghiệp hoặc sản phẩm sử dụng đường cơ sở cao hơn nên được thực hiện bằng CSS (thường là vertical-align) thay vì <sup>. Điều này có thể được thực hiện bằng cách sử dụng, ví dụ, vertical-align: super hoặc, để dịch chuyển đường cơ sở lên 50%, vertical-align: 50%.

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

• Hiển thị số mũ, chẳng hạn như "x³". Có thể đáng xem xét việc sử dụng MathML cho những trường hợp này, đặc biệt trong các trường hợp phức tạp hơn. Xem Số mũ trong Ví dụ bên dưới.
• Hiển thị chữ viết tắt dạng trên, được dùng trong một số ngôn ngữ khi hiển thị một số từ viết tắt nhất định. Ví dụ, trong tiếng Pháp, từ "mademoiselle" có thể được viết tắt là "M^lle"; đây là trường hợp sử dụng chấp nhận được. Xem Chữ viết tắt dạng trên để biết ví dụ.
• Biểu thị số thứ tự, chẳng hạn như "4^th" thay vì "fourth." Xem Số thứ tự để biết ví dụ.

Ví dụ

Số mũ

Số mũ, hay lũy thừa của một số, là một trong những cách sử dụng phổ biến nhất của văn bản chỉ số trên. Ví dụ:

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

Kết quả

Chữ viết tắt dạng trên

Chữ viết tắt dạng trên về mặt kỹ thuật không giống với chỉ số trên. Tuy nhiên, thường dùng <sup> để trình bày chữ viết tắt dạng trên trong HTML. Một trong những cách dùng phổ biến nhất của chữ viết tắt dạng trên là trình bày một số từ viết tắt nhất định trong tiếng Pháp:

<p>Robert a présenté son rapport à M<sup>lle</sup> Bernard.</p>

Kết quả

Số thứ tự

Số thứ tự, chẳng hạn như "fourth" trong tiếng Anh hoặc "quinto" trong tiếng Tây Ban Nha, có thể được viết tắt bằng chữ số và văn bản theo ngôn ngữ cụ thể được hiển thị dưới dạng chỉ số trên:

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

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 <sub> tạo ra chỉ số dưới. Lưu ý rằng bạn không thể dùng sub và sup cùng lúc: bạn cần dùng MathML để tạo ra cả chỉ số trên và 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.