[HTML] sup 태그와 sub 태그

HTML에서 첨자 표시, sup 태그와 sub 태그

<sup>와 <sub> 태그는 HTML에서 상위 첨자와 하위 첨자를 각각 표시하는 데 사용됩니다. 이들 태그는 주로 수학적 표현, 화학식, 참조 표시 등에 사용됩니다. 사용법은 매우 간단하며, 텍스트를 <sup>나 <sub> 태그로 감싸면 됩니다.

<sup> 태그

<sup> 태그는 텍스트를 상위 첨자로 표시합니다. 상위 첨자 텍스트는 일반 텍스트보다 작고, 기준선 위에 위치합니다. 예를 들어, 수학의 거듭제곱을 표시할 때 사용할 수 있습니다.

<p>이것은 상위 첨자 예제입니다: 10<sup>2</sup> = 100.</p>

<sub> 태그

<sub> 태그는 텍스트를 하위 첨자로 표시합니다. 하위 첨자 텍스트는 일반 텍스트보다 작고, 기준선 아래에 위치합니다. 화학식에서 원소의 원자 번호나 화학반응에서의 계수를 표시할 때 유용합니다.

<p>이것은 하위 첨자 예제입니다: H<sub>2</sub>O는 물의 화학식입니다.</p>

 

sup 태그와 sub 태그 사용 사례

 

정리

이 태그들을 사용할 때는 의미적 중요성도 고려해야 합니다. 즉, 단순히 시각적 효과를 위해서가 아니라, 실제로 문서의 내용을 더 정확하게 표현하기 위한 목적으로 사용해야 합니다. CSS를 사용해 비슷한 시각적 효과를 낼 수도 있지만, <sup>와 <sub> 태그는 의미론적인 명확성을 제공합니다.