วิธีทำตัวเลขยกกำลัง (Superscript) ใน HTML

แท็ก <sup> ใช้สำหรับแสดงข้อความแบบ superscript (ตัวอักษรเล็กอยู่เหนือเส้นฐาน) ใช้กันทั่วไปสำหรับเลขยกกำลัง สัญลักษณ์ลิขสิทธิ์ ตัวอ้างอิง ฯลฯ

การใช้งาน

• ต้องมี opening และ closing tag คู่กันเสมอ
• ข้อความจะแสดงเล็กลงและอยู่เหนือบรรทัดปกติประมาณครึ่งตัวอักษร
• สามารถซ้อนกันได้ (nesting)

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <title>HTML text superscript</title>
</head>
<body>
  <h1>Heading</h1>
  <p>Value: 2<sup>4</sup> = 16</p>
  <p>Copyright<sup>&copy;</sup> 2024</p>
  <p>ข้อความอ้างอิง<sup>[1]</sup></p>
</body>
</html>

ผลลัพธ์

Value: 2⁴ = 16

Copyright^© 2024

ข้อความอ้างอิง^[1]

คู่กับ subscript

สำหรับตัวห้อย (subscript) ใช้แท็ก <sub> แทน เช่น H₂O