[javascript] HTML 제곱 지수 위첨자 (sup)

참고: https://www.scaler.com/topics/superscipt-in-html/

HTML의 <sup> 태그는 텍스트를 위첨자로 만듭니다. 위첨자는 텍스트의 중심 선 위에 표시되는 텍스트로 더 작은 크기로 렌더링됩니다.

예: 2³, 5^th 등

문법

<sup>text</sup>

<sup> 태그를 사용하려면 위첨자로 만들고 싶은 텍스트를 ^,로 감싸면됩니다.

예제:

<p>Class 9<sup>th</sup></p>

위와 같이 입력하면 아래와 같이 렌더링됩니다.

속성

<sup> 태그는 고유한 속성을 가지지는 않고 글로벌 속성을 따릅니다. HTML의 superscript인 <sup>는 타이포그라피 표준을 준수합니다. 이는 일반적으로 서수, 지수, 위첨자를 표시할 때 사용합니다.

<sup> 사용 방법

<sup> 태그의 적절한 사용 범위는 다음과 같습니다:

• a²과 같은 지수를 표시할 때
• 위첨자로 사용할 때: Alexander의 약어로 Alexr를 기록용이라 표시할 때 위첨자 사용
• 9^th 같은 서수를 표시할 때

예제 1: 지수

가장 일반적인 superscript를 사용하는 경우는 숫자의 거듭 제곱을 표시할 때 입니다.

<p>The formula of Pythagoras theorem is a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup></p>

예제 2: 위첨자

<sup> 태그는 위첨자를 표시해야할 때 사용할 수 있습니다.

<p>We can write Alexander as Alex<sup>r</sup> for record-keeping</p>

예제 3: 서수

HTML의 위첨자는 서수를 표시할 때 사용할 수 있습니다.

<p>Class fifth can be also written as 5<sup>th</sup></p>

정리

<sup> 태그는 HTML에서 위첨자(superscript)로 텍스트를 표시하는 데 사용합니다.

위첨자를 사용하여 HTML에 a²를 입력하면 a²를 표시할 수 있습니다.

HTML에서 위첨자의 일반적인 사용처는 서수, 지수, 위첨자를 표시할 때 입니다.